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

.mobile {
	display:none;
}


.land {
	display:none;
}

.home_button {
	margin-top:50px;
}

.home_button a {
	border-radius:5px;
	background-color:#3a6cc6;
	padding:15px 35px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
	font-size:24px;
	margin-left:auto;
	margin-right:auto;
	margin-top:22em;
	width:240px;
	margin-left:-170px;
}

@media only screen and  (max-width : 768px) and (orientation : portrait) {

.home_button  {
	display:none;
}

#topBar .navbarWrap  {
	padding-top:30px;
}

#topBar {
	font-size:11px;
}

#topBar .navbarWrap .btnSmall {
	font-size:11px;
	height:25px;
	line-height:25px;
}

#topBar .navbarWrap {
	margin-right:90px;
}

#topBar .navbarWrap a {
	padding:0px 5px;
}

.mobile {
	display:block;
	width:100%;
	z-index:1;
	max-width:100%;
}

#topBar .logo2 {
	width:11%;
}


#topBar.fixed .logo3 img{
	max-width:30%;
}

#topBar  {
	background:none;
}


#screenHome {
	max-width:100%;
	height:auto;
	background:none !important;
	overflow:auto !important;
}

#screenHome .content {
	display:none;
}

#screenHome .homeFooter {
	display:none;

}

}

@media only screen and  (max-width : 600px) and (orientation : portrait) {

	.home_button  {
		display:none;
	}

	#topBar .navbarWrap {
		margin-right:40px;
	}

}

@media only screen and  (max-width : 880px) and (orientation : landscape) {
.home_button  {
	display:none;
}

.land {
	display:block;
}

.navbar {
	display:block !important;
}

#topBar .navbarWrap  {
	padding-top:30px;
}

#topBar {
	font-size:11px;
}

#topBar .navbarWrap .btnSmall {
	font-size:11px;
	height:25px;
	line-height:25px;
}

#topBar .navbarWrap {
	margin-right:55px;
   margin-left:-90px;
}

#topBar .navbarWrap a {
	padding:0px 5px;
}

.landscape {
	display:block;
	width:100%;
	z-index:1;
	max-width:100%;
}

#topBar .logo2 {
	width:15%;
}


#topBar.fixed .logo3 img{
	max-width:21%;
}


#screenHome {
	max-width:100%;
	height:auto;
	background:none !important;
	overflow:auto !important;
}

body {
	max-width:100%;
	min-width:100%;
}

#screenHome .content {
	display:none;
}

#screenHome .homeFooter {
	display:none;

}

}

@media (max-width: 1600px) {

	#screenHome .content .subTitle {
		font-size:20px;
	}


	#screenHome .content h1 {
		font-size:50px;
	}
	
	#screenHome .content {
		padding-top:180px;
	}
}


@media (max-width: 1440px) {

	#screenHome .content .subTitle {
		font-size:20px;
	}

	#screenHome .content h1 {
		font-size:45px;
	}
	
	#screenHome .content {
		padding-top:240px;
	}
}

@media (max-width: 1366px) {

	#screenHome .content .subTitle {
		font-size:18px;
	}

	#screenHome .content h1 {
		font-size:35px;
	}
	
	#screenHome .content {
		padding-top:200px;
	}
}


@media (max-width: 1024px) {



#screenHome .content{
padding: 0px;
left: auto;
padding-top: 32px;
}

#screenHome .homeFooter{
left: 0px;
}

#countdown, #countdownEarly{
	font-size: 36px;
}


.pageHome .sectionRow2 .boxContent .content {
    padding: 10px 30px!important;
}


}

.benefits h3 {
	margin-bottom:10px;
}


@media (max-width: 768px) {

.home_button  {
	display:none;
}
#screenHome .content .subTitle {
	font-size:14px;
	margin-top:30px;
}

.pageHome .sectionRow2 .boxContent .content {
    padding: 10px 20px!important;
}


.involvedRowList{

}

.involvedRow{
position: relative;
padding-left: 140px;
margin-bottom: 30px;
}

.involvedRow .leftPhoto{
position: absolute;
left: 0;
top: 6px;
width: 90px;
}

.involvedRow .leftPhoto:after{
position: absolute;
right: -26px;
content: "";
display: block;
height: 76px;

top: 0;
border-right: 3px #007DC5 solid;
}

}

@media (max-width: 640px) {

#screenHome {
	background-position: left -130px top 0px !important;
}

.programmeRow{
padding-left: 30px;
padding-bottom: 40px;
border-left: none;
}

.programmeRow:before{
position: absolute;
left: 7px;
content: "";
display: block;
width: 5px;
border: none;
border-left: 2px #fff solid;

top: 22px;
height: 100%;
}

.programmeRow:after{
position: absolute;
left: 0px;
content: "";
display: block;
height: 16px;
width: 16px;
border: none;
background: #fff;
border-radius: 16px;
top: 6px;
}


#screenHome{
height: auto;
}

#screenHome .wideContainer {
	padding-left:190px;
}

#screenHome .content{
padding: 64px 20px 125px;
position: static;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-moz-transform: translateY(0);
}

#screenHome .content h1{
	font-size: 18px;
}

#screenHome .content .subTitle2 {
	font-size:16px;
}

#screenHome .content .infoRow{
  flex-flow: row wrap;
}

#screenHome .content .infoRow .blueBox2 {
width: 100%;
}

#screenHome .content .btnApply {
display: block;
}


#screenHome .homeFooter .logo {
	max-width:105px;
}

#screenHome .content .txt {
    font-size: 16px;
}
#screenHome .homeFooter {
	padding-left:20px;
	bottom:10px;
}


.pageHome .sectionRow2 .boxPhotoWrap {
    width: 100%;
	height: 240px;
}

.pageHome .sectionRow2 .boxContent {
    width: 100%;
	height: auto;
}
.pageHome .sectionRow2 .boxContent .content {
    max-width: 520px;
    padding: 60px 20px!important;
    position: static;
	text-align: center;

-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-moz-transform: translateY(0%);
}


#countdown, #countdownEarly{
	font-size: 24px;
	height: 48px;
	line-height: 48px;;
	padding: 0px;
	display: block;
	text-align: center;
}



.involvedRowList{

}

.involvedRow{
padding-left: 0px;
}

.involvedRow .leftPhoto{
position: static;
width: 100%;
margin-bottom: 10px;
}

.involvedRow .leftPhoto > img{
max-width: 100px;
}


.involvedRow .leftPhoto:after{
display: none;
}
.involvedRow .linkedin {
    width: 24px;
    height: 24px;
    margin: 0 12px;
}

}


@media (max-width: 375px) {

	#screenHome .content .subTitle {
		margin-top:50px;
		margin-left:10px;
	}	


	#screenHome .content .subTitle2 {

		margin-left:10px;
	}	


	#screenHome .content h1{

		margin-left:10px;
	}	


	#screenHome .wideContainer {
		padding-left:130px;
	}
}

@media (max-width: 320px) {
#screenHome {
	background-position: left -190px top 0px !important;
}

#screenHome .content .subTitle {
	font-size:13px;
}
}