@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800');


.social1 {float: right;}
.social1 a {margin-left:10px; color:#fff!important}
@media only screen and (max-width: 1019px) {
	.social1 {float: left;}
	.social1 a {margin-left:0px; margin-right: 10px; color:#fff}
}

.footer .fa-2x {
    color: #fff;
    margin-right: 5px;
}

.footer .fa-2x:hover {
    color: #FF7B17;
    margin-right: 5px;
}

.panel3 .fa-3x {color: #333; margin-right: 5px;}
.panel3  .fa-3x:hover {color: #333; margin-right: 5px;}
@media print, screen and (max-width: 50em) {
.panel3 .fa-3x {color: #fff; padding-right: 3px; max-width: 30px; margin-top: -20px;}
.panel3  .fa-3x:hover {color: #fff; }	
}
.fa-2x {color: #444; margin-right: 5px;}
.fa-2x:hover {color: #860a3d; margin-right: 5px;}
.teamlist li {list-style: none; margin-left:-1.25rem; border-bottom: dashed; border-bottom-width: 1px; border-bottom-color: #ccc; line-height: 2;}
.teamlist li:last-of-type {border-bottom: none;}
.teamlist li a{color:#0a0a0a;}
.teamlist li a:hover{color:#860a3d;}
.burg {color: #860a3d;}
.footer {width: 100%; background-color: #091d23; padding-top: 60px; padding-bottom: 60px; position: relative; float: left;}
.footer p{color: #ccc; font-size: 0.9rem; font-family: 'Muli', sans-serif;}
.footer a {color:#FF7B17;}
.footer a:hover {color:#fff;}
.whitesec {width: 100%; padding-top: 80px; padding-bottom: 100px; float: left; position: relative;}
.whitesec2 {width: 100%; padding-top: 140px; padding-bottom: 100px;}
.fright {text-align: right;}
.hidebig {display: none;}
.team {width: 100%; position: relative; float: left; background-color: #cfd6d8;}
.services {width: 100%; position: relative; float: left;}
.box {width:25%; height:450px; position: relative; float: left; display: table;}
.box h4, .box p {color:#fff;}
.boxinner {display:table-cell; text-align: center; vertical-align: middle; padding: 30px;}
.redbox{background-image: url(../img/pensions.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
.greenbox{background-image: url(../img/investments.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
.brownbox{background-image: url(../img/protection.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
.orangebox{background-image: url(../img/mortgages.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}


.alextop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Alex.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.ashtop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Ash.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.kirstentop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Kirsten.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.lucytop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Lucy.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.luketop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Luke.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.marytop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Mary.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.samtop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Sam.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.simontop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Simon.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.seantop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Sean.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.laurentop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Lauren.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.roxannetop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Roxanne.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.abbietop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Abbie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.gilltop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Gill.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.adriantop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Adrian.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.alisontop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Alison.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.anntop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Ann.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.ashelytop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Ashley.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.fionatop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Fiona.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.garethtop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Gareth.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.iantop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Ian.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.jackietop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Jackie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.judithtop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Judith.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.marktop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Mark.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.matttop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Matt.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.paultop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Paul.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.philltop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Phil.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.richardtop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Richard.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.steffantop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Steffan.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.placetop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/place.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.traceytop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Tracey.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.ceritop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Ceri.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.jadetop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Jade.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.leightop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Leigh.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.natalietop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Natalie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.ashleightop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/stafftop/Ashleigh.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

@media print, screen and (max-width: 700px) {
	
						.ashleightop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ashleigh.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
	
					.natalietop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Natalie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
	
	
				.leightop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Leigh.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
	
			.jadetop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Jade.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
	
		.ceritop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ceri.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
	
		.traceytop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Tracey.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
	
	
	.abbietop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Abbie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.gilltop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Gill.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}	
.adriantop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Adrian.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.alisontop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Alison.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.anntop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ann.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.ashelytop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ashley.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.fionatop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Fiona.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.garethtop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Gareth.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.iantop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ian.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.jackietop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Jackie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.judithtop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Judith.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.marktop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Mark.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.matttop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Matt.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.paultop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Paul.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.philltop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Phil.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.richardtop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Richard.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.steffantop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Steffan.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.colintop {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Colin.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
	
	
}





.staff {width:25%; height:350px; position: relative; background-color: #333; float: left; display: table;   }
.staffinner {color: rgba(255,255,255,0); display: table-cell; vertical-align: middle; text-align: center; }
.staffinner:hover{color: rgba(255,255,255,1);}
.staffinner .button--form {color: rgba(255,255,255,0)!important;}
.staffinner:hover .button--form {color: rgba(255,255,255,1)!important;}


.lauren {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Lauren.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.lauren:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Lauren.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.roxanne {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Roxanne.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.roxanne:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Roxanne.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}





.abbie {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Abbie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.abbie:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Abbie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.adrian {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Adrian.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.adrian:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Adrian.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.alison {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Alison.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.alison:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Alison.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ann {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ann.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ann:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Ann.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ashley {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ashley.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ashley:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Ashley.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.fiona {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Fiona.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.fiona:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Fiona.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.gareth {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Gareth.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.gareth:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Gareth.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.gill {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Gill.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.gill:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Gill.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ian {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ian.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ian:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Ian.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.jackie {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Jackie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.jackie:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Jackie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.judith {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Judith.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.judith:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Judith.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.place {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/place.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.place:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/place.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.katemail:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/place.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.colin {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/colin.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.colin:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/colin.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}










.ashleigh {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ashleigh.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ashleigh:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Ashleigh.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}


.ceri {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ceri.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ceri:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Ceri.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}


.jade {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Jade.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.jade:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Jade.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.leigh {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Leigh.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.leigh:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Leigh.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.natalie {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Natalie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.natalie:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Natalie.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.tracey {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Tracey.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.tracey:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Tracey.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.simon {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Simon.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.simon:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Simon.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}


.sean {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Sean.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.sean:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Sean.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.sam {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Sam.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.sam:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Sam.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.mary {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Mary.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.mary:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Mary.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.luke {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Luke.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.luke:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Luke.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.lucy {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Lucy.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.lucy:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Lucy.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.kirsten {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Kirsten.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.kirsten:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Kirsten.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}




.ash {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Ash.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.ash:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Ash.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}




.alex {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Alex.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.alex:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Alex.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}






.mark {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Mark.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.mark:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Mark.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.matt {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Matt.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.matt:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Matt.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.paul {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Paul.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.paul:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Paul.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.phil {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Phil.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.phil:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Phil.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.richard {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Richard.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.richard:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Richard.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.steffan {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.3), 
      rgba(9, 29, 35, 0.3)
    ),
    /* bottom, image */ url(../img/staff/Steffan.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.steffan:hover {background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.7), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/staff/Steffan.jpg);
 background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.botsec  {width: 100%; background-color: #860A3D; padding-top: 80px; padding-bottom: 80px; position: relative; float: left;}
.botsec h3, .botsec p {color:#fff}

.navdesk {position: absolute; right:9%; top:34px; }
.navdesk ul{float: left; }
.navdesk li{list-style: none; float: left; padding-right: 20px; font-size: 1.2rem;}
.navdesk li a{color:#2D292A; font-weight: 800;}
.navdesk li a:hover{color:#860a3d;}

.header {background-color: rgba(255, 255, 255, 0.85); height: 100px; position: absolute; width:100%; top:0; z-index: 2}

.logo img{max-width:240px; position: absolute; left:40px; top:14px;}
.downcircle {position: absolute; width:80px; height:80px; left:50%; margin-left:-40px; margin-top: 30px;}
.downcircle2 {position: absolute; width:80px; height:80px; left:50%; margin-left:-40px; margin-top: 500px; z-index: 1}
.downcircle3 {position: absolute; width:80px; height:80px; left:50%; margin-left:-40px; margin-top: 600px; z-index: 1}
.downcircle4 {position: absolute; width:80px; height:80px; left:50%; margin-left:-40px; margin-top: 690px; z-index: 1}
@media print, screen and (max-width: 50em) {
.navdesk {display: none; }
	.hidebig {display: inherit;}
}

.panel h1, .panel1 h1{color:#fff; font-size: 3.6rem; line-height: 4rem; }
.panel h2, .panel1 h2{color:#fff; font-size: 1.4rem; max-width: 950px; margin-left: auto; margin-right: auto; font-weight: 300;}

.panel3 h1{color:#333; font-size: 3.6rem; line-height: 4rem; }
.panel3 h2{color:#333; font-size: 1.4rem; font-weight: 300;}
.panel3 .panelinner {display: table-cell; vertical-align: middle; text-align: left;}

@media print, screen and (max-width: 50em) {
	.panel3 h1{color:#fff; font-size: 2.4rem; line-height: 2.6rem; }
.panel3 h2{color:#fff; font-size: 1.2rem; font-weight: 300;}
.panel3 .panelinner {display: table-cell; vertical-align: middle; text-align: left;}
}

.panel {width:100%; position: relative; height: 100vh; display:table; }
.panel1 {width:100%; position: relative; height: 600px; display:table; margin-top: 100px; }	
.panel3 {width:100%; position: relative; height: 600px; display:table; margin-top: 100px; }		
.pensionstop	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/pensions_top.jpg);
 background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.investmenttop	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/investments_top.jpg);
 background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.mortgagestop	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/mortgages_top.jpg);
 background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
.protectiontop	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/protection_top.jpg);
 background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.home	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/home.jpg);
 background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.contact	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/contact.jpg);
	background-attachment: fixed;

  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

.about	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/about.jpg);
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}

@media print, screen and (max-width: 700px) {
	.about	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/about.jpg);
	background-attachment: scroll;
		background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
	.contact	{background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/contact.jpg);
	background-attachment: scroll;
 background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

}
}

.exterior {width:100%; position: relative; float: left; height: 60vh;   background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/exterior.jpg);
 background-position: center center;
background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
display: table;
}

.exterior2 {width:100%; position: relative; float: left; height: 60vh;   background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/exterior2.jpg);
 background-position: center center;
background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
display: table;
}

.exterior3 {width:100%; position: relative; float: left; height: 60vh;   background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/exterior3.jpg);
 background-position: center center;
background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
display: table;
}

.exterior4 {width:100%; position: relative; float: left; height: 60vh;   background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/exterior4.jpg);
 background-position: center center;
background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
display: table;
}
.exterior5 {width:100%; position: relative; float: left; height: 60vh;   background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/exterior5.jpg);
 background-position: center center;
background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
display: table;
}
.exteriorinner h3{text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; color: #fff; font-size: 2.4rem;}
.exteriorinner h4{text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; color: #fff; font-weight: 300; padding-bottom: 10px;}
.exteriorinner {display: table-cell; vertical-align: middle; text-align: center;}
.panelinner {display: table-cell; vertical-align: middle; text-align: center;}

@media print, screen and (max-width: 700px) {
.panel1 {width:100%; position: relative; height: 400px; display:table; }	
	.panel3 {width:100%; position: relative; height: 400px; display:table; }	
	.downcircle2 {display: none;}
	.exteriorinner h3{text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; color: #fff; font-size: 1.6rem;}
.exteriorinner h4{text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; color: #fff; font-weight: 400; font-size: 1rem; line-height: 1.4; padding-left: 10px; padding-right: 10px;}
	.exterior {width:100%; position: relative; float: left; height: 300px;   background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(9, 29, 35, 0.5), 
      rgba(9, 29, 35, 0.7)
    ),
    /* bottom, image */ url(../img/exterior.jpg);
 background-position: center center;
background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
display: table;
}
}

@media print, screen and (max-width: 64em) {
	
.fright {text-align: left;}	
	.logo img{max-width:240px; position: absolute; left:10px; top:14px;}
	.panel h1, .panel1 h1{color:#fff; font-size: 2rem; line-height: 2.4rem; padding-left: 10px; padding-right: 10px; margin-top: 60px; }
.panel h2, .panel1 h2{color:#fff; font-size: 1rem; padding-left: 10px; padding-right: 10px; }
	
}


@media print, screen and (max-width: 1400px) {
	
	.box {width:50%; height:450px; position: relative; float: left; display: table;}
	
	.staff {width:50%; height:450px; position: relative; background-color: #333; float: left; display: table;}
	
}

@media print, screen and (max-width: 900px) {
	
	.box {width:100%; height:550px; position: relative;  float: left; display: table;}
	
	.staff {width:100%; height:320px; position: relative;  float: left; display: table;}
	
}
/* -------------------------------- 

TOP

-------------------------------- */


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(134, 10, 61, 1) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #860a3d;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}



/* PACE */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
margin-top: -1px;
opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
z-index: 9999;
	
	background-color: #fff;
	top:0;
	bottom: 0;
	left:0;
	right:0;
}

.pace.pace-active {
  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
	
  right: 100%;
  width: 100%;
  height: 3px;
  background: #860a3d;

  pointer-events: none;
}
.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 100%;
  width: 100px;
  height: 100%;
 
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 20px;
  right: 20px;
	
	
  width: 30px;
  height: 30px;
  border: solid 1px transparent;
  border-top-color: #2A2C2D;
  border-left-color: #2A2C2D;
  border-radius: 30px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

/* BUTTON FORM */
.button2.button--form a{color: #860A3D;}
.button2.button--form a:hover{color: #860A3D;}
.button2.button--form {
	background: #860A3D;

	float:left;
	color: #1C1F21;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button2--form.button--inverted {
	background: #860A3D;
	color: #fff; 
}

.button2--form::before {
	background: #fff;
}

.button2--form:hover {
	color: #fff;background: #222;
}
.button2--form:hover::before,
.button2--form:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button2--form:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}


/* BUTTON FORM */
.button.button--form a{color: #fff;}
.button.button--form a:hover{color: #fff;}
.button.button--form {
	background: #161819;
min-width: 200px;
	max-width: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #1C1F21;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--form.button--inverted {
	background: rgba(255,255,255,0);
	color: #fff; 
}

.button--form::before {
	background: #fff;
}

.button--form:hover {
	color: #fff;background: #0B191E;
}
.button--form:hover::before,
.button--form:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--form:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

/* BUTTONS*/
.bg-1 {
	background: #ECEFF1;
	color: #37474f;
}
.bg-2 {
	background: #7986cb;
	color: #ECEFF1;
}
.bg-3 {
	background: #37474f;
	color: #fff;
}
.button2 {

	
	display: block;
	margin: 0em;
	padding: 1em 4em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
/* Common button styles */
.button {

	
	display: block;
	margin: 1.5em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #1C1F21;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #1C1F21;
}
.bg-3 .button {
	color: #1C1F21;
	border-color: #1C1F21;
}

.bg-4 .button {
	color: #fff;
	border-color: #92683C;
}

/* Sizes */
.button--size-s {
	font-size: 14px;
}


/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* Borders */

.button--border-thick {
	border: 3px solid;
}