@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
}
.header {
	font-family: 'Asap', sans-serif;
	font-size: 20px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
a.header:hover {
	color: #888888;
}
div.full-size {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
}
div.image-full {
	width: auto;
	height: auto;
	overflow: hidden;
	position: absolute;
	left: -1000px;
	margin-left: 50%;
	opacity: 0.3;
}
.footer {
	font-family: 'Asap', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}
.white-24 {
	font-family: 'Asap', sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-decoration: none;
	line-height: 34px;
	font-weight: 300;
}

.footer-link {
	font-family: 'Asap', sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
a.footer-link:hover {
	color: #eeeeee;
}
.playfair-44-light {
	font-family: 'Playfair Display', serif;
	font-size: 44px;
	line-height: 54px;
	font-weight: 300;
	color: #1c84df;
	text-decoration: none;
}
.playfair-44-white {
	font-family: 'Playfair Display', serif;
	font-size: 50px;
	line-height: 54px;
	font-weight: 300;
	color: #FFF;
	text-decoration: none;
}

.playfair-40-light {
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	line-height: 54px;
	font-weight: 300;
	color: #373737;
	text-decoration: none;
}


.main {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	text-decoration: none;
	font-weight: 300;
}
a.top-link {
	font-family: 'Open Sans', sans-serif;
	color: #666666;
	font-size: 14px;
	display: block;
	width: 100%;
	line-height: 60px;
	text-decoration: none;
	margin: 0;
}
a.top-link:hover {
	background-color: #1c84df;
	color: #ffffff;
}
.title {
	font-size: 48px;
	font-family: 'Roboto Slab', serif;
	color: #0087b7;
	text-decoration: none;
}
.quote {
	font-family: 'Asap', sans-serif;
	font-size: 18px;
	color: #999999;
	line-height: 30px;
	word-spacing: normal;
	text-decoration: none;
}
.caption-large {
	font-family: 'Asap', sans-serif;
	font-size: 22px;
	color: #1C84DF;
	text-decoration: none;
}
.caption-small {
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
}
.sub-title {
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	color: #0087b7;
	text-decoration: none;
	line-height: 46px;
	font-weight: 300;
}
.bullets {
	font-family: 'Asap', sans-serif;
	font-size: 20px;
	color: #1C84DF;
	line-height: 28px;
	text-decoration: none;
}
.cta-head {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 28px;
	color: #0087b7;
	text-decoration: none;
}
.cta-head-hover {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 28px;
	color: #ffffff;
	text-decoration: none;
}
.cta-sub-hover {
	font-family: 'Asap', sans-serif;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	text-decoration: none;
}
.slideybutton {
	display: block;
	width: 965px;
	height: 70px;
	padding: 15px 15px;
	background-size: 200% 100%; 
	background-image: linear-gradient(to right, #0087b7 50%, white 50%),
					  linear-gradient(to right, white 50%, #0087b7 50%);
	transition: background-position 1s linear; 
	-webkit-background-clip: text, border-box;
	background-clip: text, border-box; 
	color: transparent; 
	font-family: 'Asap', sans-serif;
	font-size: 16px;
	line-height: 35px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 0 5px 5px 0;
}
.slideybutton h2 {
	margin: 0;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 28px;
	text-decoration: none;
}
.slideybutton:hover {
    background-position: -100% 0;
}
.required {
	color: #e54949;
	font-family: 'Asap', sans-serif;
	font-size: 18px;
	text-decoration: none;
}.open-44-light {
	font-family: 'Open Sans', sans-serif;
	font-size: 44px;
	line-height: 54px;
	font-weight: 300;
	color: #0087B7;
	text-decoration: none;
}
.open-18-grey {
	font-family: 'Asap', sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: #999;
}
.call-to-action-background {
	background-image: url(images/marlow_accountants/marlow_accountants.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.button-grey {
	display: block;
	height: 50px;
	width: 200px;
	font-family: 'Asap', sans-serif;
	font-size: 17px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #373737;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-grey:hover {
    background-color: #606060;	
	color: #FFFFFF;
}
img.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}.java-back {
	background-image: url(images/marlow/marlow-accountants.png);
	background-repeat: no-repeat;
	background-position: center center;
}



#overall-container {
	width: 100%;
	overflow: hidden;
	height: 454px;
	position: relative;
}
#scroll {
	width: 2000px;
	left: 50%;
	margin-left: -1000px;
	position: absolute;
}
#mobile_return {
   display: block; top: 0; left: 0; width: 100%; text-align: center; /*Leave this line alone */
   position: fixed;
   height: 3em;
   z-index: 9999999999999999999;
   background: #03AAD6; /* Change this background colour */
}
#mobile_return a { 
   font-size: 1.4em; line-height: 2.2em; vertical-align: middle; text-decoration: none; /*Leave this line alone */
   font-family: Arial, sans-serif;
   color: #ffffff; /* Change this text colour */
}