
body, h1, h2, h3, h4, h5, h6, .button {
  font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
}

body, p {
	font-weight:300;
	/* background-color: #E6E6E6; */
}

a {
	color: #06a4d6;
}

.overflow-hidden {
	overflow:hidden;
}

.width-eighty {
	width:80%;
}

.max-eighty {
	max-width:80%;
}

.max-seventy-five {
	max-width:80%;
}

.max-fifty {
	max-width:50%;
}

.max-800px {
	max-width:800px;
}

.max-680px {
	max-width:680px;
}

.max-200px {
	max-width:200px;
}

.light {
	font-weight: 300;
}

div.header {
	padding-top:0.5em;
}

div.logo {
	padding-top:0.5em;
	padding-bottom:1em;
	text-align:center;
}

div.logo img {
	height:26px;
}

ul.nav li:not(:last-child) {
	padding-top:8px;
}

.small.button.trial {
	margin-bottom:8px;
}

.overlay {
	background-image:url('../img/overlay.png');
}

.overlay.home {
	background-color:#fbdd4c;
}

.overlay.education {
	background-color: #06a4d6;
}

.overlay.business {
	background-color: #8dced0;
}

.overlay.resellers {
	background-color: #9b539c;
}

.overlay.how-it-works {
	background-color:#90CAF9;
}

.overlay.case-studies {
	background-color:#35555f;
}

.hero-column {
	margin:auto;
	display:flex;
}

span#hero-message {
	margin:auto;
	max-width:80%;
}

div.hand {
	padding:0;
	margin:0;
	height:100%;
}

/* img.hand {
	float:right;
	width:100%;
	display: none;
} */

img.block {
	display: block;
}

img#handSmall {
	padding:1em 0;
	width:100%;
	display: none;
}

.shade.foldr-blue {
	color: #06a4d6;
}

.background.foldr-blue {
	background-color: #06a4d6;
}

.background.pale-blue {
	background-color:#90CAF9;
}

.shade.alternate-row {
	background-color: #E3F2FD;
}

.shade.fifty {
	background-color: #E6E6E6;
}

.colour.white {
	color: #fff;
}

.colour.education {
	color: #06a4d6;
}

.colour.business {
	color:#3f9b89;
}

.colour.resellers {
	color: #9b539c;
}

.colour.orange {
	color:#F27149;
}

div#fanContainer {
	overflow:hidden;
}

.row {
  max-width: 75rem;
  /* background-color: white; */
}

div.sectors img {
	margin: 0 auto;
	padding-bottom:1.5em;
}

div.sectors img.hide-for-small-only {
	width:60%;
}

div.sectors img.show-for-small-only {
	width:45%;
}


.tabs-content {
	padding-top: 2em;
}

.tabs-content > .content {
	padding-bottom: 0;
}

.padding-four {
	padding:4em 0;
}

.padding-three {
	padding:3em 0;
}

.padding-two {
	padding:2em 0;
}

.padding-one {
	padding:1em 0;
}

.padding-half {
	padding:0.5em 0;
}

.no-padding {
	padding:0;
}

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

.margin-centered {
	margin: 0 auto;
}

a:hover, a.social:hover {
	color: #0095c6;
}

button:hover, .button:hover, button:focus, button:focus {
	background-color: #0095c6;
}

.button { background-color: #06a4d6; }

.button.hollow
{
	color: #06a4d6;
	background-color: #E6E6E6;
}

.button.hollow, .button.trial
{
	border:2px solid #06a4d6;
}

.button.trial:hover {
	border-color: #0095c6;
}

.button.hollow:hover
{
	color: white;
	background-color: #06a4d6;
}

.fullWidth
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
}

.column-wrapper {
	border-bottom:2px solid white;
	width:100%;
	height:100%;
	padding: 1em 0;
}

.embed-container {
position: relative;
height: 0;
overflow: hidden;
}

.ratio-header{
padding-bottom:54.25%; /* 9/16*100 */
}

.ratio-16-9{
padding-bottom:56.25%; /* 9/16*100 */
}

.ratio-4-3{
padding-bottom:75%; /* 3/4*100 */
}

.ratio-1-1{
padding-bottom:100%; /* … */
}

ul.tabs {
	margin: 0 !important;
    text-align: center;
    padding:0;
    width:100%;
    padding:0;
}

ul.tabs li {
    text-align: center;
    width:25%;
}

ul.tabs .tab-title > a {
      font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
      outline: 0;
      padding:1rem 1.5rem;
}

ul.peoples > li {
    display: block;
    float: left;
    height: auto;
    padding: 0;
}

.icon-list li {
	padding:1em;
	padding-right:2em;
}
 
.icon-list li:before {
  content: '\f006'; /* fa-star */
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #06a4d6;
}

.icon-list li.ipad:before {content: '\f10a';}
.icon-list li.favourites:before {content: '\f019';}
.icon-list li.mode:before {content: '\f007';}
.icon-list li.access:before {content: '\f1c2';}
.icon-list li.apple:before {content: '\f08e';}
.icon-list li.secure:before {content: '\f023';}
.icon-list li.convert:before {content: '\f1c1';}
.icon-list li.share:before {content: '\f1e0';}
.icon-list li.deploy:before {content: '\f1eb';}
.icon-list li.android:before {content: '\f17b';}
.icon-list li.floppy:before {content: '\f0c7';}
.icon-list li.mouse-pointer:before {content: '\f245';}
.icon-list li.zip:before {content: '\f1c6';}
.icon-list li.switch:before {content: '\f205';}
.icon-list li.bars:before {content: '\f0c9';}
.icon-list li.key:before {content: '\f084';}
.icon-list li.home:before {content: '\f015';}
.icon-list li.mobile:before {content: '\f10b';}
.icon-list li.movie:before {content: '\f008';}
.icon-list li.globe:before {content: '\f0ac';}
.icon-list li.truck:before {content: '\f0d1';}
.icon-list li.exchange:before {content: '\f0ec';}
.icon-list li.clock:before {content: '\f017';}
.icon-list li.network:before {content: '\f0e8';}
.icon-list li.upload:before {content: '\f093';}
.icon-list li.html5:before {content:'\f13b';}
.icon-list li.desktop:before {content:'\f108';}
.icon-list li.workflow:before {content: '\f01e';}
.icon-list li.setup:before {content: '\f085';}
.icon-list li.transfer:before {content: '\f0ec';}
.icon-list li.navigation:before {content: '\f0c9';}

ul.tabs li a, .tabs .tab-title.active > a {
	background-color:#90CAF9;
	color:white;
}

.tabs .tab-title.active > a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 174, 153, 0);
	border-top-color: #90CAF9;
	border-width: 20px;
	margin-left: -20px;
}

ul#reseller-list img, ul#reseller-list-fixed img {
    width: 70%;
    margin-bottom: 10%;
}

/* Case Studies Page */

.grayscale, .headline-container:hover .grayscale {
    filter: none;
    /* Current draft standard */
    -webkit-filter: none;
    /* New WebKit */
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    /* Not yet supported in Gecko, Opera or IE */
    filter: none;
    /* Gecko */
    filter: none;
    /* IE */
    -webkit-filter: none;
    /* Old WebKit */
}

.case-study-container {
	padding: 0 1em;
}

.headline-container {
	position:relative;
}


.image {
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: cover;
	-webkit-font-smoothing: antialiased;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-origin: padding-box;
	background-size: cover;
	box-sizing: border-box;
	color: rgb(0, 120, 160);
	cursor: pointer;
	display: block;
	height: 220px;
	line-height: 24px;
	margin:0;
	padding:0;
	text-rendering: optimizelegibility;
	width: 100%;
}

.image.hove-park {
	background-image: url(http://www.freeyourfiles.co.uk/images/hove.jpg);
}

.image.malmesbury {
	background-image: url(http://www.freeyourfiles.co.uk/images/malmesbury.jpg);
}

.image.tomlinscote {
	background-image: url(http://freeyourfiles.co.uk/images/tomlinscote.jpg);
}

.image.wellsway {
	background-image: url(http://freeyourfiles.co.uk/images/wellsway.jpg);
}

.image.sjrc {
	background-image: url(http://freeyourfiles.co.uk/images/st-josephs.jpg);
}

.image.peoples.mike {
	background-image: url(../img/peoples/mike.png);
}

.image.peoples.andy {
	background-image: url(../img/peoples/andy.png);
}

.image.peoples.chris {
	background-image: url(../img/peoples/chris.png);
}

.image.peoples.rich {
	background-image: url(../img/peoples/rich.png);
}

.headline-container:hover .headline {
    top: -3px;
}

.headline {
	-webkit-font-smoothing: antialiased;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.6s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	background-color: rgba(242, 113, 73, 0.8);
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: auto;
	display: block;
	/* height: 48px; */
	height: auto;
	left: 1px;
	line-height: 32px;
	margin-bottom: 16px;
	margin-left: -1px;
	margin-right: -1px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	position: absolute;
	text-align: center;
	text-rendering: optimizelegibility;
	top: 85px;
	transition-delay: 0s;
	transition-duration: 0.6s;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	width: 100%;
	z-index: 101;
}

/* Map info */

section#map #info-card {
	background: #06A4D6;
	margin-left:10%;
	margin-top:1em;
    max-width: 240px;
    padding: 1em;
    color: #FFF;
    z-index: 1111;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

section#map #info-card p {
    line-height: 20px
}

section#map #info-card strong {
    font-weight: 400;
}

section#map #info-card a {
    color: #FFF
}

section#map #info-card a:hover {
    border-bottom: 1px dotted #FFF;
}

div.thankyou {
    background: linear-gradient(0deg, #F3F3F3, #c9c9c9);
    padding:0;margin:0;
}
div.thankyou .screen {
    mix-blend-mode: screen;
    background-color: white;
    padding:0;margin:0;
    /* box-shadow: 8px 0px 0px white; */
}

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error,
[data-abide] small.error {
	background-color: #e94942;
	font-weight:300;
	font-style:normal;
	text-transform: capitalize;
}

@media only screen {

	#banner {
		padding-top:2em;
	}

	#hero-message {
		text-align: center;
	}
	
	.column-wrapper h4 { font-size: 1.6875rem; }
	
	img.legs {
		margin-bottom:-4em;
	}
	
	img.fan {
		max-width:40px;
	}
	
	#iconFan {
		background-color:transparent;
		margin-bottom:-14em;
		max-width: 80%;
	}
	
	.icon-list li {
		text-align:center;
		padding:1em;
	}
	
	div.copyright {
		padding-bottom: 4.5em;
	}
	

	
} /* Define mobile styles */

@media only screen and (min-width: 40.063em) {
	
	.inline-list {
		margin:0;
	}
	
	#hero-message {
		text-align: left;
	}
	
	#banner {
		padding-top:0;
		display: flex;
	}
	
	.column-wrapper.left {
		border-right:1px solid white;
	}

	.column-wrapper.right {
		border-left:1px solid white;
	}
	
	img.legs {
		margin-bottom:-8em;
	}
	
	img.fan {
		max-width:100px;
	}
	
	#iconFan {
		background-color:transparent;
		margin-bottom:-8em;
		max-width: 80%;
	}
	
	.icon-list li {
		text-align:left;
		padding:1em;
		padding-right:2em;
	}
	
	div.copyright {
		padding-bottom: 0;
	}
	
	.grayscale {
    	filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: gray;
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(100%);
	}
} /* min-width 641px, medium screens */

/* Top Flash */
span.flash {
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition:
	-webkit-transform 1s;
	height: 100%; width: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

@-webkit-keyframes demo {
    0% {
        background-color: white;
        opacity:1;
    }
    5% {
        background-color: white;
        opacity:1;
    }
    100% {
        background-color: transparent;
        opacity:0;
    }
}
    
span.flash.active {
  -webkit-animation-name: demo;
    -webkit-animation-delay: 0.75s; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  -moz-animation-name: demo;
    -animation-delay: 0.75s;
    -moz-animation-duration: 3500ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
}