/*****************
								      // -----------------
								      // FOR MOBILE PHONE 
								      // _________________
								      // *****************/


@media only screen and (max-width: 599px) {

	#header {
		padding: 22px 0px;
	}



	#header .logoTxt {
		font-size: 2.72vw;
		line-height: 13px;
	}







	#splashArea .splashContent {
		padding-top: 0px;
		z-index: 500;
		position: relative;
	}

	#splashArea {
		display: block;
		height: 750px;
		overflow: hidden;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		text-align: left;
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 0px 0px;
		position: relative;


	}

	#splashArea h1 {
		font-size: 40px;
		line-height: 1.2em;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 10px 0px 4px 0px;
	}

	#splashArea h2 {
		font-size: 16px;
		line-height: 1.4em;
		font-weight: 400;
		letter-spacing: 0px;

		padding: 0px 0px 0px 0px;
	}

	#splashArea .splashButton {
		margin: 10px 0px 30px 0px;
	}

	#splashArea .splashButton {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		font-family: 'Poppins', sans-serif, Font Awesome\ 5 Free;
		font-weight: 600;
		font-size: 22px;
		line-height: 13px !important;
		letter-spacing: 0px;
		padding: 30px 40px 26px 40px;
	}

	.pageButton {
		padding: 30px 30px 26px 30px;
		margin: 30px 0px 0px 0px;
	}	
	
	#blackSpace .icons {
		display: block;
		height: 45px;
		margin: 0px auto;
		border: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#blackSpace h1 {
		font-size: 46px;
		line-height: 50px;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 0px 0px 30px 0px;
	}
	
	#whiteSpace {
		padding: 50px 0px;
		margin: 0px;
		background-color: #fff;
		position: relative;
		z-index: 7;
	}

	#whiteSpace.notPad {
		padding: 50px 0px 0;
		margin: 0px;
		background-color: #fff;
		position: relative;
		z-index: 7;
	}
	
	
	#whiteSpace h1 {
		font-size: 46px;
		line-height: 50px;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 0px 0px 30px 0px;
	}

	#whiteSpace h2 {
		font-size: 20px;
		line-height: 30px;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 0px 0px 0px 0px;
	}	
	
	
	#whiteSpace ul.bullets {
		font-family: 'Poppins', sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 26px;
		color: #000;
		list-style: none;
		padding: 20px 0px 0px 0px;
		margin: 0px;
		border: 0px;

	}

	#whiteSpace ul.bullets li {
		text-align: left;
		background-image: url('../images/bullet.svg');
		background-repeat: no-repeat;
		background-position: 0% 0%;
		background-size: 20px;
		padding-left: 30px;  /* space for the image */
		padding-top: 0px;  /* space for the image */
		padding-bottom: 19px;  /* space for the image */
		border: 0px;
	}
	
	

	.pageButton {
		margin: 0px 0px 0px 0px !important;
		padding: 20px 24px 16px 24px;
		font-size: 16px;
		line-height: 13px !important;
	}

	.pageButton.black {
		margin: 0px 0px 0px 0px !important;
		padding: 20px 30px 16px 30px;
		font-size: 16px;
		line-height: 13px !important;
	}
	
	#footer {
		padding: 30px 0px;

	}

	#footer .footerLinks a {
		font-size: 12px;
		padding: 0px 6px;
		margin: 0px;
		color: #00fdff;
	}
	

	#footer .footerTxt {
		font-size: 12px;
		line-height: 18px;
		font-weight: 300;
		letter-spacing: 0px;
		color: #fff;
		text-align: left;
		padding: 0px 0px 0px 0px;
	}

	
	
	
	
	#leveldownSplash {
		padding: 40px 0px 25px;
		height: auto !important;
		margin: 0px 0px 0px 0px;
		background: rgb(26,75,177);
		background: -moz-linear-gradient(-45deg,  rgba(26,75,177,1) 0%, rgba(130,26,227,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		background: linear-gradient(135deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4bb1', endColorstr='#821ae3',GradientType=1 );
		position: relative;
	}
	
	#leveldownSplash h2 {
		font-size: 34px;
		line-height: 40px;
		font-weight: 700;
		letter-spacing: -1px;
		color: #fff;
		text-align: left;
		padding: 0px 0px 0px 0px;
	}	
	
	
	
	
	
	
	
	
  
}


								      /*****************
								      // -----------------
								      // FOR MOBILE PHONE LANDSCAPE
								      // _________________
								      // *****************/


@media only screen and (max-width: 740px) and (orientation: landscape) {

	#header {
		padding: 22px 0px;
	}

	#header .logo img {
		width: 180px; 
		text-align: left;
		margin: 0px;
		border: 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
	}

	#splashArea {
		display: block;
		height: 490px;
		overflow: hidden;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		text-align: left;
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 0px 0px;
		position: relative;
	}
	
	#splashArea .splashContent {
		padding-top: 10px;
		z-index: 500;
		position: relative;
	}
	
	
	#splashArea h1 {
		font-size: 30px;
		line-height: 1.2em;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 0px 0px 4px 0px;
	}


	#splashArea h2 {
		font-size: 16px;
		line-height: 1.4em;
		font-weight: 400;
		letter-spacing: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#splashArea .splashPic img {
		width: 350px;
		position: relative;
		z-index: 66666;
	}

	#splashArea .splashButton {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		font-family: 'Poppins', sans-serif, Font Awesome\ 5 Free;
		font-weight: 600;
		font-size: 18px;
		line-height: 13px !important;
		letter-spacing: 0px;
		padding: 26px 30px 22px 30px;
	}



	#leveldownSplash {
		padding: 40px 0px 25px;
		height: auto !important;
		margin: 0px 0px 0px 0px;
		background: rgb(26,75,177);
		background: -moz-linear-gradient(-45deg,  rgba(26,75,177,1) 0%, rgba(130,26,227,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		background: linear-gradient(135deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4bb1', endColorstr='#821ae3',GradientType=1 );
		position: relative;
	}
	
	#leveldownSplash h2 {
		font-size: 34px;
		line-height: 40px;
		font-weight: 700;
		letter-spacing: -1px;
		color: #fff;
		text-align: left;
		padding: 0px 0px 0px 0px;
	}




	
	
	
}




								      /*****************
								      // -----------------
								      // FOR TABLET PORTRAIT
								      // _________________
								      // *****************/
								      
								      
@media only screen and (min-width: 600px) and (orientation: portrait) {



	#header {
		padding: 22px 0px;
	}

	#header .logo img {
		width: 180px; 
		text-align: left;
		margin: 0px;
		border: 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
	}


	#header .logoTxt {
		font-size: 1.52vw !important;
		line-height: 19px;
	}


	#splashArea {
		display: block;
		height: 490px;
		overflow: hidden;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		text-align: left;
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 0px 0px;
		position: relative;
	}
	
	#splashArea .splashContent {
		padding-top: 10px;
		z-index: 500;
		position: relative;
	}
	
	
	#splashArea h1 {
		font-size: 30px;
		line-height: 1.2em;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 0px 0px 4px 0px;
	}


	#splashArea h2 {
		font-size: 16px;
		line-height: 1.4em;
		font-weight: 400;
		letter-spacing: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#splashArea .splashPic img {
		width: 350px;
		position: relative;
		z-index: 66666;
	}

	#splashArea .splashButton {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		font-family: 'Poppins', sans-serif, Font Awesome\ 5 Free;
		font-weight: 600;
		font-size: 18px;
		line-height: 13px !important;
		letter-spacing: 0px;
		padding: 26px 30px 22px 30px;
	}

	#whiteSpace ul.bullets {
		font-family: 'Poppins', sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 26px;
		color: #000;
		list-style: none;
		padding: 20px 0px 0px 0px;
		margin: 0px;
		border: 0px;

	}

	#whiteSpace ul.bullets li {
		text-align: left;
		background-image: url('../images/bullet.svg');
		background-repeat: no-repeat;
		background-position: 0% 0%;
		background-size: 20px;
		padding-left: 30px;  /* space for the image */
		padding-top: 0px;  /* space for the image */
		padding-bottom: 19px;  /* space for the image */
		border: 0px;
	}

	.pageButton {
		font-size: 16px !important;
		line-height: 13px !important;
		padding: 22px 25px 18px 25px !important;
		border: 0px;
		margin: 10px 0px 0px 0px !important;

	}



	#leveldownSplash {
		padding: 40px 0px 25px;
		height: auto !important;
		margin: 0px 0px 0px 0px;
		background: rgb(26,75,177);
		background: -moz-linear-gradient(-45deg,  rgba(26,75,177,1) 0%, rgba(130,26,227,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		background: linear-gradient(135deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4bb1', endColorstr='#821ae3',GradientType=1 );
		position: relative;
	}
	
	#leveldownSplash h2 {
		font-size: 34px;
		line-height: 40px;
		font-weight: 700;
		letter-spacing: -1px;
		color: #fff;
		text-align: left;
		padding: 0px 0px 0px 0px;
	}

	

}








								      /*****************
								      // -----------------
								      // FOR TABLET LANDSCAPE
								      // _________________
								      // *****************/


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){



	#header {
		padding: 22px 0px;
	}

	#header .logo img {
		width: 180px; 
		text-align: left;
		margin: 0px;
		border: 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
	}
	
	#header .logoTxt {
		font-size: 1.14vw !important;
		line-height: 19px;
	}
	
	#splashArea {
		display: block;
		height: 490px;
		overflow: hidden;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		text-align: left;
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 0px 0px;
		position: relative;
	}
	
	#splashArea .splashContent {
		padding-top: 10px;
		z-index: 500;
		position: relative;
	}
	
	
	#splashArea h1 {
		font-size: 30px;
		line-height: 1.2em;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 0px 0px 4px 0px;
	}


	#splashArea h2 {
		font-size: 16px;
		line-height: 1.4em;
		font-weight: 400;
		letter-spacing: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#splashArea .splashPic img {
		width: 450px;
		position: relative;
		z-index: 66666;
	}

	#splashArea .splashButton {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		font-family: 'Poppins', sans-serif, Font Awesome\ 5 Free;
		font-weight: 600;
		font-size: 18px;
		line-height: 13px !important;
		letter-spacing: 0px;
		padding: 26px 30px 22px 30px;
	}

	#whiteSpace ul.bullets {
		font-family: 'Poppins', sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 26px;
		color: #000;
		list-style: none;
		padding: 20px 0px 0px 0px;
		margin: 0px;
		border: 0px;

	}

	#whiteSpace ul.bullets li {
		text-align: left;
		background-image: url('../images/bullet.svg');
		background-repeat: no-repeat;
		background-position: 0% 0%;
		background-size: 20px;
		padding-left: 30px;  /* space for the image */
		padding-top: 0px;  /* space for the image */
		padding-bottom: 19px;  /* space for the image */
		border: 0px;
	}

	.pageButton {
		font-size: 16px !important;
		line-height: 13px !important;
		padding: 22px 25px 18px 25px !important;
		border: 0px;
		margin: 10px 0px 0px 0px !important;

	}


	#leveldownSplash {
		padding: 40px 0px 25px;
		height: auto !important;
		margin: 0px 0px 0px 0px;
		background: rgb(26,75,177);
		background: -moz-linear-gradient(-45deg,  rgba(26,75,177,1) 0%, rgba(130,26,227,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		background: linear-gradient(135deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4bb1', endColorstr='#821ae3',GradientType=1 );
		position: relative;
	}
	
	#leveldownSplash h2 {
		font-size: 34px;
		line-height: 40px;
		font-weight: 700;
		letter-spacing: -1px;
		color: #fff;
		text-align: left;
		padding: 0px 0px 0px 0px;
	}





}



								      /*****************
								      // -----------------
								      // FOR 320PX SCREENS PORTRAIT
								      // _________________
								      // *****************/

  @media (max-device-width: 320px)
  and (orientation: portrait) {
  







	
}



								      /*****************
								      // -----------------
								      // FOR 320PX SCREENS LANDSCAPE
								      // _________________
								      // *****************/

  @media (max-device-width: 568px)
  and (orientation: landscape) {
  	

	
}












								      /*****************
								      // -----------------
								      // IPAD PRO PORTRAIT
								      // _________________
								      // *****************/



@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

	#header .logoTxt {
		font-size: 1.14vw !important;
		line-height: 19px;
	}


}


								      /*****************
								      // -----------------
								      // IPAD PRO LANDSCAPE
								      // _________________
								      // *****************/



@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {



}


								      /*****************
								      // -----------------
								      // IPHONE X PORTRAIT
								      // _________________
								      // *****************/



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 



}




								      /*****************
								      // -----------------
								      // IPHONE X LANDSCAPE
								      // _________________
								      // *****************/
								      
								      


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 




	#header {
		padding: 22px 0px;
	}

	#header .logo img {
		width: 180px; 
		text-align: left;
		margin: 0px;
		border: 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
	}

	#splashArea {
		display: block;
		height: 490px;
		overflow: hidden;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		text-align: left;
		margin: 0px 0px 0px 0px;
		border: 0px;
		padding: 0px 0px;
		position: relative;
	}
	
	#splashArea .splashContent {
		padding-top: 10px;
		z-index: 500;
		position: relative;
	}
	
	
	#splashArea h1 {
		font-size: 30px;
		line-height: 1.2em;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 0px 0px 4px 0px;
	}


	#splashArea h2 {
		font-size: 16px;
		line-height: 1.4em;
		font-weight: 400;
		letter-spacing: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#splashArea .splashPic img {
		width: 350px;
		position: relative;
		z-index: 66666;
	}

	#splashArea .splashButton {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		font-family: 'Poppins', sans-serif, Font Awesome\ 5 Free;
		font-weight: 600;
		font-size: 18px;
		line-height: 13px !important;
		letter-spacing: 0px;
		padding: 26px 30px 22px 30px;
	}

	.pageButton {
		font-size: 18px !important;
		line-height: 13px !important;
		padding: 22px 25px 18px 25px !important;
		border: 0px;
		margin: 10px 0px 0px 0px !important;

	}


	#leveldownSplash {
		padding: 40px 0px 25px;
		height: auto !important;
		margin: 0px 0px 0px 0px;
		background: rgb(26,75,177);
		background: -moz-linear-gradient(-45deg,  rgba(26,75,177,1) 0%, rgba(130,26,227,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		background: linear-gradient(135deg,  rgba(26,75,177,1) 0%,rgba(130,26,227,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4bb1', endColorstr='#821ae3',GradientType=1 );
		position: relative;
	}
	
	#leveldownSplash h2 {
		font-size: 34px;
		line-height: 40px;
		font-weight: 700;
		letter-spacing: -1px;
		color: #fff;
		text-align: left;
		padding: 0px 0px 0px 0px;
	}
	
	
	
	
	

}