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

body, html {
	margin:0;
	padding:0;
	font-family:Calibri, sans-serif;
}
#container {
	position:relative;
	width:1152px;
	min-height:633px;
	height:auto;
	max-height:auto;
}
.header {
	width:100%;
	height:165px;
	position: absolute;
	background:url(img/header.png) no-repeat bottom center;
	background-size:100%;
	z-index:2;
	top:0;
}
.header .logo {
	width:52%;
	margin:0;
	padding:0;
	position:absolute;
	top:10px;
	left:25%;
}
.footer {
	width:100%;
	height:120px;
	background:url(img/footer_background.png) no-repeat bottom center;
	background-size:100%;
	position:absolute;
	z-index:4;
	bottom:0;
}
.footer .logo_footer {
	position: absolute;
	left: 30px;
	bottom: 13px;
}
.footer .connect {
	position:absolute;
	left:32%;
	bottom:3px;
}
.footer .connect h1 {
	font-size:40px;
	font-weight:100;
	color:#FFF;
	margin:0;
	padding:0;
	text-align:right;
}
.footer .connect h2 {
	font-size:28px;
	font-weight:1;
	color:#FFF;
	margin:0;
	padding:0;
	text-align:right;
	line-height:31px;
}
.content {

	background-size:100%;
	background-position-y:-110px;
	box-sizing:border-box;
	width:100%;
	min-height:778px;
	height:auto;
	z-index:1;
	position:absolute;
	top:0;
	padding-top:200px;
}
.content2 {
	background:#FFF;
	background-size:100%;
	background-position-y:-110px;
	box-sizing:border-box;
	width:100%;
	min-height:803px;
	height:auto;
	z-index:1;
	position:absolute;
	top:0;
	padding-top:200px;
}
.content3 {
	background:url(img/background_thankyou.png) center center no-repeat;
	background-size:100%;
	background-position:center;
	box-sizing:border-box;
	width:100%;
	min-height:670px;
	height:auto;
	z-index:1;
	position:absolute;
	top:0;
	padding-top:200px;
}
.whitebox {
	width:595px;
	height:384px;
	background:rgba(255,255,255,0.9);
	position:absolute;
	left:90px;
	top:160px;
	padding:0px 20px;
	box-sizing:border-box;
	margin-bottom:20px;
}
.whitebox h1 {
	font-weight:100;
	color:#000;
	font-size:18px;
}
.whitebox h3 {
	font-weight:bold;
	font-size:14px;
	color:#000;
}
.man {
	position:absolute;
	z-index:33;
	width:358px;
	height:541px;
	background:url(img/Neil-Bayley-Hay-Photo.png) no-repeat;
	background-size:100%;
	right:40px;
	bottom:110px;
	margin-bottom:-10%;
}
.man2 {
	position:absolute;
	z-index:5;
	width:320px;
	height:460px;
	background:url(img/Neil-Bayley-Hay-Photo.png) no-repeat;
	background-size:100%;
	right:40px;
	bottom:110px;
	margin-bottom:-9.5%;
}
.orangebox {
	width:595px;
	height:135px;
	background:rgba(247,147,0,0.82);
	left:140px;
	position:relative;
	top:0px;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	padding:5px 10px;
	box-sizing:border-box;
}
.orangebox h1 {
	font-weight:100;
	margin:0;
	padding:0;
	text-align:center;
	padding-top:5px;
	font-size:36px;
}
.orangebox h3 {
	font-weight:100;
	margin:0;
	padding:0;
	text-align:center;
	padding-top:5px;
	font-size:18px;
	bottom:10px;
	left:0;right:0;margin-left:auto;margin-right:auto;
	position:absolute;
}
.formfild input[type=text] {
	width:calc(100% - 110px);
	height:35px;
	line-height:35px;
	box-sizing:border-box;
	padding:5px;
	font-size:14px;
	font-family:Calibri, sans-serif;
	background:#FFF;
	border:1px solid #000;
	outline:none;
	margin-top:5px;
	border-right:none;
	float:left;
}
.buttonbg {
	width:110px;
	height:35px;
	background:#FFF;
	border:1px solid #000;
	border-left:none;
	box-sizing:border-box;
	margin-top:5px;
	float:right;
}
.buttonbg button[type=submit] {
	background:url(img/Button_search.png) center no-repeat;
	background-size:104px;
	width:104px;
	height:30px;
	margin-top:1px;
	border:0;
	outline:none;
	cursor:pointer;
}
.lastbtn button[type=submit] {
	background:url(img/Button_Evaluation.png) center no-repeat;
	background-size:159px;
	width:159px;
	height:30px;
	margin-top:1px;
	border:0;
	outline:none;
	cursor:pointer;
}
.boxdetails {
	width:650px;
	height:150px;
	position:absolute;
	left:100px;
	top:165px;
	padding-bottom:30px;
}
.boxdetails h1 {
	font-size:26px;
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:25px;
}
.boxdetails h3 {
	font-weight:100;
	font-size:20px;
	margin:0;
	padding:0;
}
.boxdetails h4 {
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	margin-top:10px;
	margin-left:14px;
}
.span6 {
	width:50%;
	box-sizing:border-box;
	float:left;
	padding:2px;
}
.span3 {
	width:20%;
	box-sizing:border-box;
	float:left;
	padding:2px;
}
.span9 {
	width:calc(80% - 15px);
	box-sizing:border-box;
	float:left;
	padding:2px;
	margin-left:15px;
}
.form {
	padding-top:10px;
	padding-bottom:100px;
	margin-left:10px;
}
.form div {
	margin-bottom:10px;
}
.boxdetails p {
	margin-left:13px;
	font-size:12px;
	line-height:14px;
}
.form label {
	text-transform:uppercase;
	color:#424242;
	text-align:left;
	padding-left:3px;
	width:100%;
	box-sizing:border-box;
	font-size:14px;
}
.form label a, .form label a:hover {color:inherit;text-decoration:inherit;}
.form select, .form input[type=text] {
	background:#FFF;
	border:1px solid rgba(0,0,0,0.4);
	color:#424242;
	width:100%;
	height:35px;
	box-sizing:border-box;
	padding:5px;
}
.form input[type=submit] {
	background:url(img/Button_Continue.png) no-repeat;
	width:82px;
	height:30px;
	background-size:82px;
	border:0;
	cursor:pointer;
	border:0;
}
.span9 input[type=text], .span3 input[type=text] {
	background:#FFF;
	border:1px solid rgba(0,0,0,0.4);
	color:#424242;
	width:100%;
	height:40px;
	box-sizing:border-box;
	padding:5px;
}
.span9 input[type=text] {
	width:60%;
}
.infos h3 {margin:0;padding-top:0;padding-bottom:0;padding-left:5px;}
.infos h3 {margin:0;padding-top:5px;padding-bottom:25px;padding-left:5px;}



/*Light box css*/
.lightbox {
  background-color: fade(black, 80%);  
  overflow: scroll;
  position: fixed;
  display: none;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
 
}

.video-container {  
    padding-bottom: 56.25%;
    position: relative;  
    padding-top: 30px; 
    overflow: hidden;
    height: 0; 
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 70%;
    width: 70%;
    left: 15%;
    top: 10%;
}

.lightbox-close {
    text-transform: uppercase;
    background: transparent;
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    display: block;
    border: none;
    color: white;
    right: 25%;
    top: 20%;
}
.vid-container{
	height: 100%;
	width: 100%;
	background: #000000b5;
}

@media screen and (min-device-width: 10px) and (max-device-width: 768px) { 
    
.mainpage_container {
	width:100vw;
}
.homepage_man{
height: 541px !important;
}
/*
.mainpage_logo {
top: 25px !important;
}*/
.lightbox-close {
		top: 95px !important;
	}
}
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) {

.mainpage_container {
	width:100vw;
}
.homepage_man{
height: 541px !important;
}
/*
.mainpage_logo {
top: 25px !important;
}*/
.lightbox-close {
		top: 95px !important
	}

}

@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) {
	.mainpage_container {
		width:100vw;
	}
	.homepage_man{
		height: 541px !important;
	}
/*
	.mainpage_logo {
		top: 25px !important;
	}*/
	.lightbox-close {
		top: 95px !important
	}




@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) {
	.mainpage_container {
		width:100vw;
	}
	.homepage_man{
		height: 541px !important;
	}
	.mainpage_logo {
		top: 25px !important;
	}
	.lightbox-close {
		top: 95px !important
	}
}