/*
  LESS Variables
*/
/*
  LESS Variables
*/
/*
  LESS Styles
*/
p {
  font-weight: 200;
  font-size: 17px;
  text-align: center;
  margin-top: 30px;
  line-height: 30px;
}
.container {
  width: 960px;
}
.hidden {
  overflow: hidden;
}
.navbar-inverse {
	background: #b9b9b9;
}
.navbar-inverse .navbar-brand {
  color: #999999;
}
.navbar-inverse .navbar-nav {
  padding-top: 12px;
  float: right;
}
.navbar-inverse .navbar-brand {
  margin-top: -12px;
  margin-left: 0px;
}
.header-row9 {
	background: url("../img/ADI/header.png") no-repeat center -300px fixed;
	height: 775px;
	min-height: 775px;
}
.header-row8 {
	background: url("../img/Theory/headervid.png") no-repeat center -300px fixed;
	height: 775px;
	min-height: 775px;
}
.header-row7 {
	background: url("../img/KYTS/header.png") no-repeat center -300px fixed;
	height: 775px;
	min-height: 775px;
}
.header-row6 {
	background: url("../img/HWC/header.png") no-repeat center -300px fixed;
	height: 775px;
	min-height: 775px;
}
.header-row5 {
	background: url("../img/Theory/hazardheader.png") no-repeat center -300px fixed;
	height: 775px;
	min-height: 775px;
}
.header-row4 {
	background: url("../img/Theory/header.png") no-repeat center -300px fixed;
	height: 755px;
	min-height: 755px;
}
.header-row3 {
	background: url("../img/RSQA/header.png") no-repeat center -300px fixed;
	height: 750px;
	min-height: 750px;
}
.header-row2 {
	background: url("../img/3D-Driving-Lessons/header.png") no-repeat center -300px fixed;
	height: 850px;
	min-height: 850px;
}
.header-row {
	background: url("../img/3D-Driving-Lessons/headerA.png") no-repeat center -300px fixed;
	height: 680px;
	min-height: 680px;

}
.red-box2 {
  background-color: #d9413c;

}
.red-box2 h1 {
  color: #ffffff;
  margin-top: 75px;
}
.red-box2 .body-text {
  color: #ffffff;
  position: absolute;
  z-index: 2;
  margin-left: 450px;
  margin-top: 200px;

 }
.red-box2 h1 {
  text-align: center;
	color: #000000;
}
.red-box2 p {
  text-align: center;
  color: #ffffff;
}
.red-box2 p a {
 text-align: v;
  color: #ffffff;

}
 .red-box4 {
  background-color: #d9413c;
  max-height:10px
 }
.red-box4 h1 {
  text-align: center;
	color: #000000;
}
.red-box4 p {
  text-align: center;
  color: #ffffff;
}
.red-box4 p a {
 text-align: v;
  color: #ffffff;
}
.blue-div {
	background: #54acd2;

}
.blue-div2 {
	background: #54acd2;
	max-height: 15px;
}
.red-bar {
	background: #d9423e;
	height: 10px;
	position: static;
}
.join-text {
  color: #ffffff;
  margin-top: -70px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
.join-btn {
  background: url("../img/join-in-btn.png") no-repeat;
  width: 175px;
  height: 60px;
  display: block;
  margin-top: -85px;
}
.join-btn:hover {
  background-position: -198px 0;
}
.strapline {
  margin: 50px 150px 0 150px;


}
.apple-how-box2 {
  background: #f4f4f4;
  min-height: 300px
}
.apple-how-box2 .container {
  padding-top: 10px;
}
.apple-how-box2 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 10px;
  margin-top: 50px;
}
.apple-how-box2 .body-text p {
  text-align: left;
}
.apple-how-box2 .body-text p a{
  text-align: left;
  color: #31b5e0;
}
.apple-how-box2 img {
  position: relative;

}
.apple-how-box3 {
  background: #ffffff;
  min-height: 300px
}
.apple-how-box3 .container {
  padding-top: 10px;
}
.apple-how-box3 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 10px;
  margin-top: 50px;
}
.apple-how-box3 .body-text p {
  text-align: left;
}
.apple-how-box3 .body-text p a{
  text-align: left;
  color: #31b5e0;
}
.apple-how-box3 img {
  position: relative;
}

.SDblue-box {
  background-color: #54acd2;
  min-height: 270px;
  overflow: hidden;
}
.SDblue-box h1 {
  color: #d9413c;
 }
.SDblue-box .container {
  padding-top: 20px;
}
.SDblue-box .body-text {
  position: absolute;
  z-index: 2

}
.SDblue-box .body-text p {
  text-align: center;
  color: #000000;

}
.SDblue-box .body-text p a{
  text-align: center;
  color: #000000;


}
.grey-video-box {
  background-color: #ffffff;
  overflow: hidden;
 }
.grey-video-box h1 {
  text-align: center;
  color: #000000;
}
.apple-lgrey-box1 {
  background: #f4f4f4;
}
 .apple-lgrey-box h1 {
  text-align: left;
  color: #d9413c;
}
 .apple-lgrey-box1 h2 {
  text-align: right;
  color: #d9413c;
}
.apple-lgrey-box1 .container {
  padding-top: 100px;
}
.apple-lgrey-box1 .body-text {
  position: absolute;
  z-index: 2

}
.apple-lgrey-box1 .body-text p {
  text-align: left;
  color: #000000;

}
.apple-lgrey-box1 .body-text p a{
  text-align: left;
  color: #d9413c;
}
.apple-lgrey-box2 {
  background: #ffffff;
}
 .apple-lgrey-box2 h1 {
  text-align: right;
  color: #d9413c;
}
 .apple-lgrey-box2 h2 {
  text-align: left;
  color: #d9413c;
}
.apple-lgrey-box2 .container {
  padding-top: 100px;
}
.apple-lgrey-box2 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 600px;
  margin-top: 50px;
}
.apple-lgrey-box2 .body-text p {
  text-align: right;
  color: #000000;

}
.apple-lgrey-box2 .body-text p a{
  text-align: right;
  color: #d9413c;

}
.apple-rwhite-box1 {
  background: #ffffff;
}
.apple-rwhite-box1 .container {
  padding-top: 50px;
}
.apple-rwhite-box1 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 500px;
  margin-top: 50px;
}
.apple-rwhite-box1 h1 {
  text-align: right;
  color: #d84141;
}
.apple-rwhite-box1 .body-text p {
  text-align: right;
  color: #000000;
}
.apple-rwhite-box1 .body-text p a{
  text-align: right;
  color: #d84141;
}
.apple-rwhite-box1 img {
  position: relative;
}
.white9-box {
	background-color: #f4f4f4;
	margin-bottom: 50;
}
.white9-box .black-header {
  margin-top: 100;
}
.white9-box h1 {
  text-align: center;

 }
.white9-box h2 {
  text-align: center;
  color: #d9413c;
}
.white9-box p {
  text-align: center;
}
.white9-box p a {
  color: #d9413c;

}.grey-box {
  background-color: #ffffff;
  overflow: hidden;
 }
.grey-box h1 {
  text-align: center;
  color: #d9413c;
}
.theory-box {
	background-color: #ff8180;
	overflow: hidden;
}
.theory-box h1 {
  text-align: left;
  color: #ffffff;
}
.theory-box h2 {
  color: #000000;
}
.theory-box p {
  text-align: left;
  color: #ffffff;
}
 .theory-box p a {
  text-align: left;
  color: #31b5e0;

}
.apple-red-box {
  background: #ff8180;
}
.apple-red-box .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.apple-red-box .body-text {
  position: absolute;
  z-index: 2;
}
.apple-red-box .body-text p {
  text-align: left;
  color: #000000;
}
.apple-red-box .body-text p a{
  text-align: left;
  color: #000000;
}
.apple-red-box h1 {
  color: #000000;

}
.apple-red-box img {
  position: relative;
}
.apple-white-box {
  background: #ffffff;
}
.apple-white-box .container {
  padding-top: 100px;

}
.apple-white-box .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 300px;
  margin-top: 5px;
}
.apple-white-box .body-text p {
  text-align: right;
  color: #000000;
}
.apple-white-box .body-text p a{
  text-align: right;
  color: #31b5e0;
}
.apple-white-box img {
  position: relative;
}
.apple-white-box1 {
  background: #ffffff;
}
 .apple-white-box1 h1 {
  text-align: left;
  color: #000000;
}
 .apple-white-box1 h2 {
  text-align: right;
  color: #000000;
}
.apple-white-box1 .container {
  padding-top: 100px;
}
.apple-white-box1 .body-text {
  position: absolute;
  z-index: 2
}
.apple-white-box1 .body-text p {
  text-align: left;
  color: #000000;

}
.apple-white-box1 .body-text p a{
  text-align: left;
  color: #d9413c;


}
.apple-white-box2 {
  background: #ffffff;
}
.apple-white-box2 .container {
  padding-top: 100px;

}
.apple-white-box2 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 450px;
  margin-top: 5px;
}
.apple-white-box2 .body-text p {
  text-align: right;
  color: #000000;
}
.apple-white-box2 .body-text p a{
  text-align: right;
  color: #31b5e0;
}
.apple-white-box2 img {
  position: relative;
}
.apple-white-box2 h1 {
  text-align: right;
  color: #000000;
}
.apple-white-box3 {
  background: #f4f4f4;
}
.apple-white-box3 .container {
  padding-top: 100px;
}
.apple-white-box3 .body-text {
  position: absolute;
  z-index: 2
}
.apple-white-box3 .body-text p {
  text-align: left;
  color: #000000;

}
.apple-white-box3 .body-text p a{
  text-align: left;
  color: #d9413c;

}
.apple-white-box4 {
  background: #ffffff;
}
.apple-white-box4 .container {
  padding-top: 100px;
}
.apple-white-box4 .body-text {
  position: absolute;
  z-index: 2
}
.apple-white-box4 .body-text p {
  text-align: left;
  color: #000000;

}
.apple-white-box4 .body-text p a{
  text-align: left;
  color: #d9413c;

}
.apple-white-box5 {
  background: #ffffff;
}
.apple-white-box5 .container {
  padding-top: 100px;

}
.apple-white-box5 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 350px;
  margin-top: 5px;
}
.apple-white-box5 .body-text p {
  text-align: right;
  color: #000000;
}
.apple-white-box5 .body-text p a{
  text-align: right;
  color: #31b5e0;
}
.apple-white-box5 img {
  position: relative;
}
.apple-white-box5 h1 {
  text-align: right;
  color: #000000;
}
.apple-grey-box {
  background: #f9f9f9;
}
.apple-grey-box .container {
  padding-top: 100px;
}
.apple-grey-box .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 400px;
  margin-top: 80px;
}
.apple-grey-box h1 {
  text-align: right;
  color: #000000;
}
.apple-grey-box .body-text p {
  text-align: right;
  color: #000000;
}
.apple-grey-box .body-text p a{
  text-align: right;
  color: #31b5e0;
}
.apple-grey-box img {
  position: relative;
}
.apple-grey-box1 {
  background: #f4f4f4;
}
.apple-grey-box1 .container {
  padding-top: 100px;
}
.apple-grey-box1 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 450px;
  margin-top: 250px;
}
.apple-grey-box1 h1 {
  text-align: left;
  color: #000000;
}
.apple-grey-box1 .body-text p {
  text-align: left;
  color: #000000;
}
.apple-grey-box1 .body-text p a{
  text-align: left;
  color: #31b5e0;
}
.apple-grey-box1 img {
  position: relative;
}
.apple-grey-box2 {
  background: #f4f4f4;
}
.apple-grey-box2 .container {
  padding-top: 100px;
}
.apple-grey-box2 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 450px;
  margin-top: 10px;
}
.apple-grey-box2 h1 {
  text-align: right;
  color: #000000;
}
.apple-grey-box2 .body-text p {
  text-align: right;
  color: #000000;
}
.apple-grey-box2 .body-text p a{
  text-align: right;
  color: #31b5e0;
}
.apple-grey-box2 img {
  position: relative;
 }
.apple-grey-box2 black-header {
  margin-top: 100px;
  text-align: center;
  color: #000000;
}
.apple-grey-box3 {
  background: #c7c7c7;
}
.apple-grey-box3 .container {
  padding-top: 100px;
}
.apple-grey-box3 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 500px;
  margin-top: 100px;
}
.apple-grey-box3 h1 {
  text-align: center;
  color: #000000;
}
.apple-grey-box3 .body-text p {
  text-align: center;
  color: #000000;
}
.apple-grey-box3 .body-text p a{
  text-align: center;
  color: #31b5e0;
}
.apple-grey-box3 img {
  position: relative;

  }
.apple-grey-box4 {
  background: #f4f4f4;
}
.apple-grey-box4 .container {
  padding-top: 30px;
}
.apple-grey-box4 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 600px;
  margin-top: 100px;
}
.apple-grey-box4 h1 {
  text-align: right;
  color: #000000;
}
.apple-grey-box4 .body-text p {
  text-align: right;
  color: #000000;
}
.apple-grey-box4 .body-text p a{
  text-align: right;
  color: #31b5e0;
}
.apple-grey-box4 img {
  position: relative;
 }
.apple-grey-box4 black-header {
  margin-top: 100px;
  text-align: center;
  color: #000000;

 }
.apple-grey-box5 {
  background: #ffffff;
}
.apple-grey-box5 .container {
  padding-top: 100px;
}
.apple-grey-box5 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 450px;
  margin-top: 250px;
}
.apple-grey-box5 h1 {
  text-align: left;
  color: #000000;
}
.apple-grey-box5 .body-text p {
  text-align: left;
  color: #000000;
}
.apple-grey-box5 .body-text p a{
  text-align: left;
  color: #31b5e0;
}
.apple-grey-box5 img {
  position: relative;
}
.apple-blue-box {
  background: #5ac6ff;
}
.apple-blue-box .container {
  padding-top: 100px;
}
.apple-blue-box .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 500px;
  margin-top: 170px;
}
.apple-blue-box .body-text p {
  text-align: left;
  color: #000000;
}
.apple-blue-box .body-text p a{
  text-align: left;
  color: #000000;
}
.apple-blue-box img {
  position: relative;
}
.apple-green-box3 {
  background: #a0ec6f;
}
.apple-green-box3 .container {
  padding-top: 100px;
}
.apple-green-box3 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 500px;
  margin-top: 170px;
}
.apple-green-box3 .body-text p {
  text-align: left;
  color: #000000;
}
.apple-green-box3 .body-text p a{
  text-align: left;
  color: #000000;
}
.apple-green-box3 img {
  position: relative;
}
.apple-green-box {
  background: #a0ec6f;
}
.apple-green-box .container {
  padding-top: 100px;
}
.apple-green-box .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 50px;
  margin-top: 200px;
}
.apple-green-box .body-text p {
  text-align: left;
}
.apple-green-box .body-text p a{
  text-align: left;
  color: #000000;
}
.apple-green-box img {
  position: relative;
}
.apple-green-box2 {
  background: #f4f4f4;
}
.apple-green-box2 .container {
  padding-top: 100px;
}
.apple-green-box2 .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 50px;
  margin-top: 200px;
}
.apple-green-box2 .body-text p {
  text-align: left;
}
.apple-green-box2 .body-text p a{
  text-align: left;
  color: #31b5e0;
}
.apple-green-box2 img {
  position: relative;
}
.apple-yellow-box {
  background: #fdeb75;
}
.apple-yellow-box .container {
  padding-top: 100px;
}
.apple-yellow-box .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 550px;
  margin-top: 150px;
}
.apple-yellow-box .body-text h2 {
  text-align: right;
}
.apple-yellow-box .body-text p {
  text-align: right;
}
.apple-yellow-box .body-text p a{
  float: right;
  color: #000000;
}
.apple-yellow-box img {
  position: relative;
}
.devices-box {
  background-color: #f9f9f9;
  min-height: 350px;
}
.devices-box  h1 {
  text-align: center;
  color: #000000;
}
.devices-box  p {
  text-align: center;
  color: #000000;
}
.devices-box  p a {
 text-align: center;
  color: #31b5e0;


}
.grey-box2 {
	background-color: #F4f4f4;
	overflow: hidden;
}
.grey-box2 h1 {
  color: #d9413c;
}
.grey-box3 {
	background-color: #F1F1F1;
	overflow: hidden;
}
.grey-box3 h1 {
  color: #d9413c;
}
.grey-box4 {
  background-color: #ffffff;
  overflow: hidden;
 }
.grey-box4 h1 {
  text-align: center;
  color: #d9413c;
}
.grey-box5 {
  background-color: #d4d4d4;
  overflow: hidden;
  min-height: 650px;
}
.grey-box5 h1 {
  text-align: left;
  color: #000000;
}
.grey-box5 .body-text p {
  text-align: left;
  color: #000000;
}
.grey-box5 .body-text p a{
  text-align: left;
  color: #31b5e0;
}
.apple-yellow-box .body-text p a{
  float: right;
  color: #000000;
}
.white-box1 {
  background-color: #ffffff;
  min-height: 350px;
}
.white-box1 h1 {
  text-align: center;
  margin-top: -470px;
  color: #d9413c;
}
.white-box1 p {
  text-align: center;
  color: #000000;
}
.white-box1 p a {
text-align: center;
  color: #31b5e0;

}
.white-boxa {
  background-color: #ebebeb;
  min-height: 350px;
}
.white-boxa h1 {
  text-align: center;
  margin-top: -470px;
  color: #d9413c;
}
.white-boxa p {
  text-align: center;
  color: #000000;
}
.white-boxa p a {
text-align: center;
  color: #d9413c;
}
.white-boxa .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;
}
.white-boxb {
  background-color: #ffffff;

 }
.white-boxb h1 {
  text-align: center;
	color: #000000;
}
.white-boxb p {
  text-align: center;
  color: #000000;
}
.white-boxb p a {
 text-align: center;
  color: #31b5e0;
}
.white-boxb .aqua-header {
  margin-top: 100px;
  text-align: center;
  color: #31b5e0;
}
.white-boxb .black-header {
  margin-top: 100px;
  text-align: center;
  color: #000000;
}
.white-boxb .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;

}
.white-boxc {
  background-color: #f4f4f4;

 }
.white-boxc h1 {
  text-align: center;
	color: #000000;
}
.white-boxc p {
  text-align: center;
  color: #000000;
}
.white-boxc p a {
 text-align: center;
  color: #31b5e0;
}
.white-boxc .aqua-header {
  margin-top: 100px;
  text-align: center;
  color: #31b5e0;
}
.white-boxc .black-header {
  margin-top: 100px;
  text-align: center;
  color: #000000;
}
.white-boxc .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;
}
.white-box {
  background-color: #b9b9b9;
  min-height: 350px;
}
.white-box .black-header {
  margin-top: 0;
}
.white-box h1 {
  text-align: right;
  margin-top: -470px;
}
.white-box p {
  text-align: right;
}
.white-box p a {
  color: #31b5e0;
}
.white-box .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;
}


.white-boxindex {
  background-color: #cbcbcb;
  min-height: 350px;
}
.white-boxindex .black-header {
  margin-top: 0;
}
.white-boxindex h1 {
  text-align: right;
  margin-top: -470px;
}
.white-boxindex p {
  text-align: right;
}
.white-boxindex p a {
  color: #31b5e0;
}
.white-boxindex .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;
}
.white6-box {
	background-color: #FFFFFF;
	}
.white-box9 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/index/3dAppHeader.png") no-repeat center -300px fixed;
  background-color: #F4f4f4;
  min-height: 350px;
}
.white-box9 .black-header {
  margin-top: 0;
}
.white-box9 h1 {
  text-align: right;
  margin-top: -470px;
}
 .white-box10 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/3D-Driving-Lessons/3dAppHeader.png") no-repeat center -300px fixed;
  background-color: #F4f4f4;
  min-height: 350px;
}
.white-box10 .black-header {
  margin-top: 0;
}
.white-box10 h1 {
  text-align: right;
  margin-top: -470px;
}
 .white-box11 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/HWC/header2.png") no-repeat center -10px fixed;
  background-color: #5ac6ff;
  min-height: 350px;
}
.white-box11 .black-header {
  margin-top: 0;
}
.white-box11 h1 {
  text-align: right;
  margin-top: -470px;
}
 .white-box12 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/KYTS/header2.png") no-repeat center -10px fixed;
  background-color: #a0ec6f;
  min-height: 350px;
}
.white-box12 .black-header {
  margin-top: 0;
}
.white-box12 h1 {
  text-align: right;
  margin-top: -470px;
}
 .white-box13 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/RSQA/header2.png") no-repeat center -25px fixed;
  background-color: #fdeb75;
  min-height: 350px;
}
.white-box13 .black-header {
  margin-top: 0;
}
.white-box13 h1 {
  text-align: right;
  margin-top: -470px;

}
 .white-box14 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/theory/theoryheader.png") no-repeat center -25px fixed;
  background-color: #ff8180;
  min-height: 350px;
}
.white-box14 .black-header {
  margin-top: 0;
}
.white-box14 h1 {
  text-align: right;
  margin-top: -470px;


}
 .white-box15 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/theory/hazardheader2.png") no-repeat center -25px fixed;
  background-color: #ff8180;
  min-height: 350px;
}
.white-box15 .black-header {
  margin-top: 0;
}
.white-box15 h1 {
  text-align: right;
  margin-top: -470px;

}
 .white-box16 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/theory/videoheader.png") no-repeat center -25px fixed;
  background-color: #ff8180;
  min-height: 350px;
}
.white-box16 .black-header {
  margin-top: 0;
}
.white-box16 h1 {
  text-align: right;
  margin-top: -470px;

}
 .white-box17 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/ADI/header2.png") no-repeat center -25px fixed;
  background-color: #f4f4f4;
  min-height: 350px;
}
.white-box17 .black-header {
  margin-top: 0;
}
.white-box17 h1 {
  text-align: right;
  margin-top: -470px;

 }
 .white-box18 {
  background: url("https://smartdriving.co.uk/smartdriving/apps/assets/img/ADI/resources_header.png") no-repeat center 140px fixed;
  background-color: #ffffff;
  min-height: 350px;
}
.white-box18 .black-header {
  margin-top: 0;
}
.white-box18 h1 {
  text-align: right;
  margin-top: -470px;


}
.white-boxj {
  background: url("https://smartdriving.co.uk/smartdriving/assets/img/index/headerSDBGtrans.png") no-repeat center -10px fixed;
}
.white-boxj .body-text {
  position: absolute;
  z-index: 2;
  margin-left: 450px;
  margin-top: 200px;

 }
.white-boxj h1 {
  text-align: center;
	color: #000000;
}
.white-boxj p {
  text-align: center;
  color: #000000;
}
.white-boxj p a {
 text-align: center;
  color: #31b5e0;
}
.white-boxj .aqua-header {
  margin-top: 100px;
  text-align: center;
  color: #31b5e0;
}
.white-boxj .black-header {
  margin-top: 100px;
  text-align: center;
  color: #000000;
}
.white-boxj .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;
}
.white-box p {
  text-align: right;
}
.white-box p a {
  color: #31b5e0;
}
.white-box .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;
}
}
.white2-box {
	background-color: #FFFFFF;
}
.white2-box .phone-image {
  background: url("../img/index/index-goldenL.png") no-repeat;
  margin-top: 100px;
}
.white2-box .black-header {
  margin-top: 100;
}
.white2-box h1 {
  text-align: center;

}
.white2-box h2 {
  text-align: center;
  color: #d9413c;

}
.white2-box h3 {
  text-align: center;
  color: #ff8180;
}
.white2-box p {
  text-align: center;
}
.white2-box p a {
  color: #31b5e0;
}
.white3-box {
	background-color: #ffffff;
	margin-bottom: 50;
}
.white3-box .black-header {
  margin-top: 100;
}
.white3-box h1 {
  text-align: center;

 }
.white3-box h2 {
  text-align: center;
  color: #d9413c;
}
.white3-box p {
  text-align: center;
}
.white3-box p a {
  color: #d9413c;
}
.white4-box {
	background-color: #ff8180;
	min-height: 700px;
	margin-top: 100;
	margin-bottom: 50;
}
.white4-box h1 {
  text-align: center;
  color: #000000;
}
.white4-box h2;{
  text-align: center;
  color: #ffffff;
}
.white4-box .black-header {
  margin-top: 100;
}
.white4-box p {
  text-align: left;
  color: #000000;
}
.white4-box p a {
  text-align: left;
  color: #31b5e0;
}
.white4-box .black-anchor {
  color: #000000;
}
.white4-box .white-anchor {
  color: #000000;
 }
.white5-box {
	background-color: #5ac6ff;
	min-height: 700px;
	margin-top: 100;
	margin-bottom: 50;
}
.white5-box h1 {
  text-align: right;
  color: #000000;
}
.white5-box h2;{
  text-align: right;
  color: #ffffff;
}
.white5-box .black-header {
  margin-top: 100;
}
.white5-box p {
  text-align: right;
  color: #000000;
}
.white5-box p a {
  text-align: right;
  color: #31b5e0;
}
.white5-box .black-anchor {
  color: #000000;
}
.white5-box .white-anchor {
  color: #000000;
}
.blue-box .red-anchor {
  color: #d9413c;

}
.red-box {
  background-color: #d9413c;
}
.red-box h1 {
  color: #ffffff;
  margin-top: 75px;
}
.blue-box {
  background-color: #52b1ae;
}
.blue-box .blue-header {
  margin-top: 100px;
  text-align: center;
  color: #52b1ae;
}
.blue-box .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;
}
.blue-box p {
  text-align: center;
}
.blue-box p a {
  color: #d9413c;
}
.blue-box .blue-anchor {
  color: #52b1ae;
}
.blue-box .red-anchor {
  color: #d9413c;
}
.video-holder {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 40px;
  min-height: 500px;
}
.video-holder video {

  height: 450px;
  margin-bottom: 50px;
  margin-top: 350px;
}
.video-holder2 {
  text-align: center;
  background: url("../img/3D-Driving-Lessons/test.png") no-repeat;
  margin-top: 0px;
  margin-bottom: 40px;
  min-height: 500px;

}
.video-holder2 video {

  height:398px;
}
.video-holder3 {
  text-align: center;
  background: url("../img/3D-Driving-Lessons/test2.png") no-repeat;
  margin-top: 0px;
  margin-bottom: 30px;
  min-height: 700px;

}
.video-holder3 video {

  height:398px;

}
.video-holder4 {
  text-align: center;
  background: url("../img/theory/choose-vid.png") no-repeat;
  margin-top: 0px;
  margin-bottom: 40px;
  min-height: 500px;

}
.video-holder4 video {

  height:398px;

}
.video-holder5 {
  text-align: center;
  background: url("../img/3D-Driving-Lessons/test2.png") no-repeat;
  margin-top: 0px;
  margin-bottom: 40px;
  min-height: 700px;

}
.video-holder5 video {

  height:398px;


}
.strap-image {
  align-self: center;
  width: 200px;
  margin-bottom: 50px;

}
.laptop-right2 h1 {
  text-align: left;
  margin-top: 250px;
}
.laptop-right2 p {
  text-align: left;
}
.laptop-right2 p a {
  color: #d9413c;
}
.laptop-image-right2 {
  background: url("../img/3D-Driving-Lessons/ipad-right.png") no-repeat;
  min-height: 610px;
  margin-top: -450px;
  margin-right: -400px;
  margin-left: 400px;
}
.laptop-right h1 {
  text-align: left;
  margin-top: 250px;
}
.laptop-right p {
  text-align: left;
}
.laptop-right p a {
  color: #d9413c;
}
.laptop-image-right {
  background: url("../img/3D-Driving-Lessons/ipad-right.png") no-repeat;
  min-height: 610px;
  margin-top: -450px;
  margin-right: -400px;
  margin-left: 400px;
}
.laptop-right2 h1 {
  text-align: left;
  margin-top: 250px;
}
.laptop-right2 p {
  text-align: left;
}
.laptop-right2 p a {
  color: #d9413c;
}
.laptop-image-right2 {
  background: url("../img/index/laptop-right2.png") no-repeat;
  min-height: 610px;
  margin-top: -450px;
  margin-right: -400px;
  margin-left: 400px;
}
.laptop-left {
  min-height: 490px;
}
.laptop-left .black-header {
  margin-top: 0;
}
.laptop-left h1 {
  text-align: right;
  margin-top: -270px;
}
.laptop-left p {
  text-align: right;
}
.laptop-left p a {
  color: #d9413c;
}
.laptop-image-left {
  background: url("../img/index/laptop-left.png") no-repeat;
  min-height: 610px;
  margin-left: -435px;
  margin-top: 150px;
}
.laptop-left2 {
  min-height: 490px;
}
.laptop-left2 .black-header {
  margin-top: 0;
}
.laptop-left2 h1 {
  text-align: right;
  margin-top: -270px;
}
.laptop-left2 p {
  text-align: right;
}
.laptop-left2 p a {
  color: #d9413c;
}
.laptop-image-left2 {
  background: url("../img/index/laptop-left2.png") no-repeat;
  min-height: 610px;
  margin-left: -435px;
  margin-top: 150px;
}
.double-phone {
  background: url("../img/double-phone.png") no-repeat;
}
.central-content .blue-header {
  margin-top: 100px;
  text-align: center;
  color: #34b6e6;
}
.central-content .red-header {
  margin-top: 100px;
  text-align: center;
  color: #d9413c;
}
.central-content p {
  text-align: center;

}
.central-content .blue-anchor {
  color: #52b1ae;
}
.central-content .red-anchor {
  color: #d9413c;
}
.left-content h1 {
  text-align: left;
  margin-top: 50px;
}
.left-content p {
  text-align: left;
}
.left-content p a {
  color: #d9413c;
}
.right-content {
  min-height: 490px;
}
.right-content .black-header {
  margin-top: 0;
}
.right-content h1 {
  text-align: right;
  margin-top: -470px;
}
.right-content p {
  text-align: right;
}
.right-content p a {
  color: #d9413c;
}
.app-container {
  background: url("../img/apps-phones.png") no-repeat -20px;
  min-height: 600px;
  padding-top: 205px;
}
.app-container p {
  margin-top: 65px;
}
.footer-box {
  background-color: #b9b9b9;


}
.footer {
  background-color: #3a3a3a;
}
.footer ul {
  margin-top: 30px;
}
.footer ul li {
  list-style: none;
}
.footer ul li p {
  color: #ffffff;
  font-size: 15px;
   font-weight: 500;
  text-align: left;
  margin-top: 0px;
}
.footer ul li p a {
  color: #ffffff;
}
.footer ul li p a:hover {
  color: #3087c3;
  text-decoration: none;
}
.footer .grey-footer-text {
  color: #d2d2d2;
    font-weight: 500;
}
.footer .grey-footer-text a {
  color: #d2d2d2;
    font-weight: 500;
}
.footer .sd-brand {
  margin-bottom: -165px;
}
.footer .google {
  background: url("../img/index/google.png") no-repeat 200px;
  margin-bottom: 10px;
}
.footer .google span {
  color: #ffffff;
  height: 25px;
  display: inline-block;
}
.footer .twitter {
  background: url("../img/index/twitter-icon.png") no-repeat 200px;
  margin-bottom: 10px;
}
.footer .twitter span {
  color: #ffffff;
  height: 25px;
  display: inline-block;
}
.footer .facebook {
  background: url("../img/index/facebook-icon.png") no-repeat 200px;
  margin-bottom: 10px;
}
.footer .facebook span {
  color: #ffffff;
  height: 25px;
  display: inline-block;

}
.footer .youtube {
  background: url("../img/index/youtube-icon.png") no-repeat 200px;
}
.footer .youtube span {
  color: #ffffff;
  height: 25px;
  display: inline-block;
}
.footer li span {
  color: #ffffff;
}
.footer li span a {
  color: #ffffff;
}
.footer li span a:hover {
  color: #3087c3;

}
.footer2-box {
  background-color: #b9b9b9;


}
.footer2 {
  background-color: #848484;

 }
.footer2 ul {
  margin-top: 30px;
}
.footer2 ul li {
  list-style: none;
}
.footer2 ul li p {
  color: #ffffff;
  font-size: 15px;
   font-weight: 500;
  text-align: left;
  margin-top: 0px;
}
.footer2 ul li p a {
  color: #ffffff;
}
.footer2 ul li p a:hover {
  color: #3087c3;
  text-decoration: none;
}
.footer2 .grey-footer-text {
  color: #d2d2d2;
    font-weight: 500;
}
.footer2 .grey-footer-text a {
  color: #d2d2d2;
    font-weight: 500;
}
.footer2 .sd-brand {
  margin-bottom: -165px;
}
.footer2 .google {
  background: url("../img/index/google.png") no-repeat 200px;
  margin-bottom: 10px;
}
.footer2 .google span {
  color: #ffffff;
  height: 25px;
  display: inline-block;
}
.footer2 .twitter {
  background: url("../img/index/twitter-icon.png") no-repeat 200px;
  margin-bottom: 10px;
}
.footer2 .twitter span {
  color: #ffffff;
  height: 25px;
  display: inline-block;
}
.footer2 .facebook {
  background: url("../img/index/facebook-icon.png") no-repeat 200px;
  margin-bottom: 10px;
}
.footer2 .facebook span {
  color: #ffffff;
  height: 25px;
  display: inline-block;

}
.footer2 .youtube {
  background: url("../img/index/youtube-icon.png") no-repeat 200px;
}
.footer2 .youtube span {
  color: #ffffff;
  height: 25px;
  display: inline-block;
}
.footer2 li span {
  color: #ffffff;
}
.footer2 li span a {
  color: #ffffff;
}
.footer2 li span a:hover {
  color: #3087c3;
}
.subs ul {
  margin-top: 30px;
}
.subs ul li {
  list-style: none;
}
.subs ul li p {
  color: #ffffff;
  font-size: 15px;
  text-align: left;
  margin-top: 0px;
}
.subs ul li p a {
  color: #ffffff;
}
.subs ul li p a:hover {
  color: #3087c3;
  text-decoration: none;
}
.nav-menu-icon {
  margin-top: 15px;
  margin-right: 20px;
  float: left;
}
.dropdown-menu {
  width: 100%;
  background-color: #b9b9b9;
  border: #b9b9b9;
  border-radius: 0px;
  margin-top: 0px;
}
.dropdown-menu ul {
  margin-left: 0px;

}
.dropdown-menu ul li {
  list-style: none;
}
.dropdown-menu ul li p {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 5px;
}
.dropdown-menu ul li p a {
  color: #ffffff;
}
.dropdown-menu ul li p a:hover {
  color: #3087c3;
  text-decoration: none;
}