html{
	overflow-x:hidden;
}
html, 
body, 
#page,
#content,
#main{
	width:100%;
	height:100%;
}
#skrollr-container,
#skrollr-container section{
	width:100%;
	height:100%;
	position: relative;
	-webkit-transform-style: preserve-3d;
}
html{
	overflow:hidden;
}
#page{
	overflow-x: hidden;
}
#skrollr-container section .contain{
	padding: 3% 75px;
}
#skrollr-container section .contain .inner{
	width:50%;
	margin-left:50%;
	margin-right:0%;
	margin-top:160px;
}
#pilot-fifth{
  overflow: hidden;
}
.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url('/backgroundsize.min.htc');
	height: 100%;
	width: 100%;
}
#landing-intro{
	position:relative;
	left:10%; 
	width: 100%;
  max-width: 1500px;
  margin: 0px auto;
}
#landing-intro h1{
	width:40%;
	max-width: 615px;
	min-width:270px;
	position:fixed;
	top: 260px;
}
.js #landing-intro h1{
	opacity:0;
}
#pilot-landing .bcg{
	background: url("../images/pages/about-us/Image-1.jpg") no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url('/backgroundsize.min.htc');
}
#pilot-first .bcg{
	background: url("../images/pages/about-us/Image-2.jpg") no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url('/backgroundsize.min.htc');
}
#pilot-second .bcg{
	background: url("../images/pages/about-us/Image-3.jpg") no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url('/backgroundsize.min.htc');
}
#pilot-third .bcg{
	background: url("../images/pages/dashboard/Dashboard-bg.jpg") no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url('/backgroundsize.min.htc');
}
#pilot-fourth .bcg{
	background: url("../images/pages/about-us/Image-5.jpg") no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url('/backgroundsize.min.htc');
}
#pilot-fifth .bcg{
	background: url("../images/pages/about-us/Image-6.jpg") no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url('/backgroundsize.min.htc');
}
#pilot-first{
	position:relative;
}
#skrollr-container section#pilot-third{
	height:auto;
}
#skrollr-container section#pilot-third .contain .inner {
	width:100%;
	margin:80px auto 1%;
}
#skrollr-container section #dashboard-icons.contain{
	padding: 3% 0;
} 
.animation-holder {
	position:relative;
	opacity:0.6;
}
#animation1{
	position:absolute;
	top:-130px;
	left:0;
}
#animation2{
	position:relative;
	top:0px;
	right:-15%;
	width:95%;
}
#animation3{
	position:absolute;
	top:0;
	right:-25%;
	width: 90%;
}
#animation4{
	position:absolute;
	top:-245px;
	right:-25%;
}
#animation5{
	position:absolute;
	top:382px;
	left:-78%;
	width:111%;
}
#animation6{
	position:absolute;
	top:150px;
	left:-100%;
	width:22%;
}
#animation7{
	position:absolute;
	top:0px;
	left:-182%;
	width:94%;
}
#information-pack{
	position:fixed;
	z-index:500;
	right:0;
	top:40%;
	width:75px;
	height:300px;
	display:none;
}
.dashboard-logo{
	text-align:right;
}
.dial{
	display:inline-block;
	width:300px;
	height:300px;
	background-image:url('../images/pages/dashboard/dashboard-dials.png');
	position:relative;
	margin:5px;
}
.ring{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:300px;
	background-image:url('../images/pages/dashboard/dashboard-dials.png');
	-webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
}
.dial .ring a.link{
	display:block;
	width: 74%;
	height: 74%;
	margin: 13%;
}
.dial:hover .ring{
	-ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.dial-kidsoft-ring{ background-position:0px 0px; }
.dial-kidsoft:hover{ background-position:300px 0px; }
.dial-kidsoft{ background-position:600px 0px; }
.dial-kidsoft:hover .dial-kidsoft-ring{ background-position:900px 0px; }
.dial-payroll-ring{ background-position:0px -300px; }
.dial-payroll:hover{ background-position:300px -300px; }
.dial-payroll{ background-position:600px -300px; }
.dial-payroll:hover .dial-payroll-ring{ background-position:900px -300px; }
.dial-enable-hr-ring{ background-position:0px -600px; }
.dial-enable-hr:hover{ background-position:300px -600px; }
.dial-enable-hr{ background-position:600px -600px; }
.dial-enable-hr:hover .dial-enable-hr-ring{ background-position:900px -600px; }
.dial-staff-blog-ring{ background-position:0px -900px; }
.dial-staff-blog:hover{ background-position:300px -900px; }
.dial-staff-blog{ background-position:600px -900px; }
.dial-staff-blog:hover .dial-staff-blog-ring{ background-position:900px -900px; }
.dial-surveys-ring{ background-position:0px -1200px; }
.dial-surveys:hover{ background-position:300px -1200px; }
.dial-surveys{ background-position:600px -1200px; }
.dial-surveys:hover .dial-surveys-ring{ background-position:900px -1200px; }
.dial-centre-management-ring{ background-position:0px -1500px; }
.dial-centre-management:hover{ background-position:300px -1500px; }
.dial-centre-management{ background-position:600px -1500px; }
.dial-centre-management:hover .dial-centre-management-ring{ background-position:900px -1500px; }
.dial-supplies-ring{ background-position:0px -2180px; }
.dial-supplies:hover{ background-position:300px -2180px; }
.dial-supplies{ background-position:600px -2180px; }
.dial-supplies:hover .dial-supplies-ring{ background-position:900px -2180px; }
.dial-groceries-ring{ background-position:0px -2480px; }
.dial-groceries:hover{ background-position:300px -2480px; }
.dial-groceries{ background-position:600px -2480px; }
.dial-groceries:hover .dial-groceries-ring{ background-position:900px -2480px; }
.boxes{
	/*display:none;*/
}
.box-holder{
	width:240px;
	height:210px;
	margin:0;
	display:inline-block;
}
.box{
	width:240px;
	height:180px;
	background-image:url('../images/pages/dashboard/dashboard-dials.png');
	position:relative;
	top:10px;
}
.box a.link{
	display:block;
	width: 100%;
	height: 100%;
}
.box-accounts{ background-position:0px -1800px; }
.box-accounts:hover{ background-position:-240px -1800px; }
.box-documents{ background-position:-480px -1800px; }
.box-documents:hover{ background-position:-720px -1800px; }
.box-calendar{ background-position:-960px -1800px; }
.box-calendar:hover{ background-position:0px -1990px; }
.box-mail{ background-position:-240px -1990px; }
.box-mail:hover{ background-position:-480px -1990px; }
.box-help-desk{ background-position:-720px -1990px; }
.box-help-desk:hover{ background-position:-960px -1990px; }
#dashboard-icons{
	overflow:hidden;
	text-align:center;
}
.dashboard-dial{
	display: inline-block;
	vertical-align:top;
	width: 300px;
	margin:5px;
	padding-bottom: 30px;
}
.dashboard-dial p{
	font-size:20px;
	font-weight:700;
	padding: 0 10px;
}
.dashboard-box{
	display: inline-block;
	vertical-align:top;
	padding-bottom: 30px;
	width: 240px;
	margin: 0px;
}
.dashboard-box p{
	font-size:20px;
	font-weight:700;
	padding: 0 10px;
}
span.free-trial{
	display:inline-block;
	margin-top:40px;
}
span.free-trial a{
	display:block;
	text-decoration:none;
	color:#000000;
}
span.free-trial a:hover{
	color:#FFFFFF;
}
@media all and (max-width:1500px){
	#landing-intro h1,
	.pilot-logo-holder .pilot-logo{
		margin-left:50px;
	}
}
@media all and (max-width:1024px){
	#landing-intro{
		top:170px;
	}
	#landing-intro h1{
		top:0;
		width:66%;
		margin:0 5%;
		opacity:1 !important;
		position:static;
	}
	#skrollr-container section .contain .inner {
		width:70%;
		margin: 10% auto 5%;
	}
	#animation1,#animation6{
		display:none;
	}
	#animation3{
    right: -74%;
  }
  #animation5{
    right: 10%;
	}
	#animation6{
    left: -22%;
	}
	#animation4{
    top: -90px;
    right: -30%;
	}
	.dashboard-logo {
    text-align: center;
	}
}
@media all and (max-width:800px){
	#skrollr-container, #skrollr-container section {
    height: auto;
	}
	.bcg{
		background-attachment: scroll !important;
		padding:10% 0;
	}
	#pilot-third .bcg {
		background: #000000;
	}
	#skrollr-container section .contain {
    padding: 3% 0px;
	}
	#landing-intro {
		position:static;
		left:auto;
		padding: 100px 0;
	}
	.animation-holder{
		display:none;
	}
	#skrollr-container section#pilot-third .contain .inner {
    width: 92%;
    margin: 80px 4% 1%;
	}
	#skrollr-container section .contain .inner {
    width: 90%;
	}
	#information-pack {
    width: 45px;
    height: 180px;
  }
}