



/* for-phone-portrait */
  @media (max-width: 480px)
  and (orientation: portrait) {


	.header {
		width: 100%;
		font-family: 'linottesemibold';
		font-size: 13px;
		letter-spacing: 0px;
		color: #2b2929;
		padding: 22px 0px 15px 0px;
		margin: 0px;
		border: 0px;
		background-color: #fff;	
	}

	.logo {
		padding: 0px 0px 0px 0px;
		border: 0px;
	}
	
	.headerSecureTxt {
		height: 33px;
		display: block;
		font-family: 'linottesemibold';
		font-size: 14px;
		letter-spacing: -1px;
		color: #898989;
		padding: 7px 0px 0px 27px;
		border: 0px;
		background-image: url('../images/secure-bg-sml.png');
		background-position: center left;
		background-repeat: no-repeat;	
	}  

	.headerSecureNortonIco {
		float: right;
		padding: 0px 0px 0px 0px;
		border: 0px;
	}




	.splashArea {
		width: 100%;
		height: 460px;
		font-family: 'linottesemibold';
		font-size: 13px;
		color: #545454;
		padding: 0px 0px 20px 0px;
		border: 0px;
		background-color: #49b9ec;
		background-image: url('../images/splash-bg.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	}


	.manBg {
		height: 100%;
		background-image: url('../images/man-bg-mob.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 358px 319px;

	}




	.splashHeaderOne {
		font-size: 39px;
		line-height: 39px;
		color: #fff;
		letter-spacing: -1px;
		padding: 30px 0px 10px 0px;
		margin: 0px;
		border: 0px;	
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}



	.splashArea .splashBullet {
		text-align: left;
		display: inline-block;
		font-size: 20px;
		line-height: 22px;
		color: #fff;
		background-image: url('../images/splash-bullet.png');
		background-repeat: no-repeat;
		background-position: 0% 0%;
		padding-left: 34px;  /* space for the image */
		padding-top: 4px;  /* space for the image */
		padding-bottom: 4px;  /* space for the image */
		margin: 5px 10px 0px 0px;
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}


	.splashButtonWrapper {
		padding: 16px 0px 12px 0px;
		text-align: center;
		margin: 0px auto;

	}

	.splashButton {
		display: inline-block;
		text-transform: uppercase;
		text-align: center;
		font-family: 'linottesemibold';
		font-size: 23px;
		line-height: 23px;
		/*text-shadow: 0px -1px 1px rgba(0, 0, 0, 1);*/
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		color: #fff;
		margin: 0px;
		border-bottom: 5px solid #be4c00;
		text-decoration: none;
		padding: 22px 20px 14px 20px;
		cursor: pointer;
		-webkit-appearance: none;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
		background-color: #ff6600;
		/*background-image: url('../images/but-bg.png');*/
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		text-decoration: none;
	}


	.butArrow {
		padding: 6px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: 0px;
		display: inline;
		background-image: none
	}


	.smlAprTxt {
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		word-wrap: break-word;
		padding: 0px 0px 0px 0px;
	}


	.representativeAprArea {
		width: 100%;
		font-family: 'linottesemibold';
		font-size: 16px;
		letter-spacing: -1px;
		color: #fff;
		padding: 25px 0px 25px 0px;
		margin: 0px;
		border: 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b66a5+0,09518e+100 */
		background: #1b66a5; /* Old browsers */
		background: -moz-linear-gradient(top,  #1b66a5 0%, #09518e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #1b66a5 0%,#09518e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #1b66a5 0%,#09518e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b66a5', endColorstr='#09518e',GradientType=0 ); /* IE6-9 */	
	}

	.representativeAprArea .sml {
		font-family: 'linottesemibold';
		font-size: 13px;
		color: #fff;
		padding: 10px 0px;
		margin: 0px;
		border: 0px;	
	}


	.representativeAprArea .sml a {
		font-family: 'linottesemibold';
		font-size: 13px;
		color: #72c04f;

	}


	.whyRow {
		height: auto;

	}


	.manBg2 {
		height: 100%;
		background-image: none;
		background-position: bottom left;
		background-repeat: no-repeat;

	}



	.footerLogo {
		text-align: left;
		padding: 20px 0px 20px 0px;
		margin: 0px;
		border: 0px;	
	}
	
	.footerNav {
		font-size: 13px;
		color: #fff;
		text-align: center;
		padding-bottom: 15px;
		margin: 0px 0px 26px 0px;
		border-bottom: 1px dashed #fff;

	}
	
	.footerRow {
		width: 100%;
		font-size: 13px;
		line-height: 16px;
		color: #fff;
		padding: 35px 0px 35px 0px;
		margin: 0px;
		border-top: 11px solid #2fbfde;
		background-color: #155f9d;
	}



	.levelDownHeader {
		font-family: 'linottesemibold';
		font-size: 32px;
		line-height: 33px;
		color: #fff;
		padding: 0px 0px 0px 0px;
		border: 0px;
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}

	.headerMan {
		display: none;
	}

	.headerMan img {
		max-width: 40%;
		
		
	}


	.levelDownHeaderApp {
		font-family: 'linottesemibold';
		font-size: 32px;
		line-height: 33px;
		color: #fff;
		padding: 0px 0px 0px 0px;
		border: 0px;
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}


	.formSectionHeader {
		display: block;
		font-size: 22px;
		color: #fff;
		margin: 0px 0px 0px 0px;
		padding: 12px 20px 6px 45px;
		border: 0px;
		background-color: #155f9d;
		-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35);
		-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.35);
		box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.35);
	}


	.radio-button label {
	  padding: 8px 32px 8px 32px;
	  margin-bottom: 0px;
	  cursor: pointer;
	}




	.appFormButton {
		display: inline-block;
		width: 100%;
		font-size: 33px;
		line-height: 33px;
		padding: 26px 20px 14px 20px;

	}









}



/* for-phone-landscape */
  @media (max-width: 740px)
  and (orientation: landscape) {



	.header {
		width: 100%;
		font-family: 'linottesemibold';
		font-size: 13px;
		letter-spacing: 0px;
		color: #2b2929;
		padding: 22px 0px 15px 0px;
		margin: 0px;
		border: 0px;
		background-color: #fff;	
	}

	.logo {
		padding: 0px 0px 0px 0px;
		border: 0px;
	}
	
	.headerSecureTxt {
		height: 33px;
		display: block;
		font-family: 'linottesemibold';
		font-size: 14px;
		letter-spacing: -1px;
		color: #898989;
		padding: 7px 0px 0px 27px;
		border: 0px;
		background-image: url('../images/secure-bg-sml.png');
		background-position: center left;
		background-repeat: no-repeat;	
	} 

	.headerSecureNortonIco {
		float: right;
		padding: 0px 0px 0px 0px;
		border: 0px;
	}


	.splashArea {
		width: 100%;
		height: 400px;
		font-family: 'linottesemibold';
		font-size: 13px;
		color: #545454;
		padding: 0px 0px 20px 0px;
		border: 0px;
		background-color: #49b9ec;
		background-image: url('../images/splash-bg.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	}
	
	
	.manBg {
		height: 100%;
		background-image: url('../images/man-bg-mob.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 358px 319px;

	}
	
	
	.splashHeaderOne {
		font-size: 39px;
		line-height: 39px;
		color: #fff;
		letter-spacing: -1px;
		padding: 30px 100px 10px 0px;
		margin: 0px;
		border: 0px;	
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}



	.splashArea .splashBullet {
		text-align: left;
		display: inline-block;
		font-size: 20px;
		line-height: 22px;
		color: #fff;
		background-image: url('../images/splash-bullet.png');
		background-repeat: no-repeat;
		background-position: 0% 0%;
		padding-left: 34px;  /* space for the image */
		padding-top: 4px;  /* space for the image */
		padding-bottom: 4px;  /* space for the image */
		margin: 5px 10px 0px 0px;
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}


	.splashButton {
		display: inline-block;
		text-transform: uppercase;
		text-align: center;
		font-family: 'linottesemibold';
		font-size: 28px;
		line-height: 28px;
		/*text-shadow: 0px -1px 1px rgba(0, 0, 0, 1);*/
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		color: #fff;
		margin: 0px;
		border-bottom: 5px solid #be4c00;
		text-decoration: none;
		padding: 26px 20px 14px 20px;
		cursor: pointer;
		-webkit-appearance: none;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
		background-color: #ff6600;
		/*background-image: url('../images/but-bg.png');*/
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		text-decoration: none;
	}



	.representativeAprArea {
		width: 100%;
		font-family: 'linottesemibold';
		font-size: 16px;
		letter-spacing: -1px;
		color: #fff;
		padding: 25px 0px 25px 0px;
		margin: 0px;
		border: 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b66a5+0,09518e+100 */
		background: #1b66a5; /* Old browsers */
		background: -moz-linear-gradient(top,  #1b66a5 0%, #09518e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #1b66a5 0%,#09518e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #1b66a5 0%,#09518e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b66a5', endColorstr='#09518e',GradientType=0 ); /* IE6-9 */	
	}



	.manBg2 {
		height: 100%;
		background-image: none;
		background-position: bottom left;
		background-repeat: no-repeat;

	}



	.footerLogo {
		text-align: left;
		padding: 20px 0px 20px 0px;
		margin: 0px;
		border: 0px;	
	}
	
	.footerNav {
		font-size: 13px;
		color: #fff;
		text-align: center;
		padding-bottom: 15px;
		margin: 0px 0px 26px 0px;
		border-bottom: 1px dashed #fff;

	}
	
	.footerRow {
		width: 100%;
		font-size: 13px;
		line-height: 16px;
		color: #fff;
		padding: 35px 0px 35px 0px;
		margin: 0px;
		border-top: 11px solid #2fbfde;
		background-color: #155f9d;
	}




	.levelDownHeader {
		font-family: 'linottesemibold';
		font-size: 32px;
		line-height: 33px;
		color: #fff;
		padding: 0px 0px 0px 0px;
		border: 0px;
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}

	.headerMan {
		position: absolute;
		float: right;
		z-index: 5000;
		right: 16px;
		margin: -52px 0px 0px 0px;
		padding: 0px;
	}

	.headerMan img {
		max-width: 55%;
		
	}



	.levelDownHeaderApp {
		font-family: 'linottesemibold';
		font-size: 32px;
		line-height: 33px;
		color: #fff;
		padding: 0px 60px 0px 0px;
		border: 0px;
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}



	.formSectionHeader {
		display: block;
		font-size: 22px;
		color: #fff;
		margin: 0px 0px 0px 0px;
		padding: 12px 20px 6px 45px;
		border: 0px;
		background-color: #155f9d;
		-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35);
		-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.35);
		box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.35);
	}





}



/* Tablets */
@media (min-width: 768px)
and (max-width: 1024px) {



	.splashButton {
		display: inline-block;
		text-transform: uppercase;
		text-align: center;
		font-family: 'linottesemibold';
		font-size: 28px;
		line-height: 28px;
		/*text-shadow: 0px -1px 1px rgba(0, 0, 0, 1);*/
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		color: #fff;
		margin: 0px;
		border-bottom: 5px solid #be4c00;
		text-decoration: none;
		padding: 26px 20px 17px 20px;
		cursor: pointer;
		-webkit-appearance: none;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
		background-color: #ff6600;
		/*background-image: url('../images/but-bg.png');*/
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		text-decoration: none;
	}

	.butArrow {
		padding: 2px 44px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: 0px;
		display: inline;
		background-image: url('../images/but-arrow.png');
		background-position: center right;
		background-repeat: no-repeat;

	}





	.smlButton {
		display: inline-block;
		text-transform: uppercase;
		text-align: center;
		font-family: 'linottesemibold';
		font-size: 33px;
		line-height: 33px;
		/*text-shadow: 0px -1px 1px rgba(0, 0, 0, 1);*/
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		color: #fff;
		margin: 0px;
		border-bottom: 5px solid #be4c00;

		text-decoration: none;
		padding: 26px 20px 18px 20px;
		cursor: pointer;
		-webkit-appearance: none;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		transition: all 400ms ease-out;

		background-color: #ff6600;
		/*background-image: url('../images/but-bg.png');*/
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		text-decoration: none;
	}


	.representativeAprArea {
		width: 100%;
		font-family: 'linottesemibold';
		font-size: 22px;
		letter-spacing: -1px;
		color: #fff;
		padding: 25px 0px 25px 0px;
		margin: 0px;
		border: 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b66a5+0,09518e+100 */
		background: #1b66a5; /* Old browsers */
		background: -moz-linear-gradient(top,  #1b66a5 0%, #09518e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #1b66a5 0%,#09518e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #1b66a5 0%,#09518e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b66a5', endColorstr='#09518e',GradientType=0 ); /* IE6-9 */	
	}



	.radio-button label {
	  padding: 8px 32px 8px 32px;
	  margin-bottom: 0px;
	  cursor: pointer;
	}


	.formSectionHeader {
		display: block;
		font-size: 22px;
		color: #fff;
		margin: 0px 0px 20px 0px;
		padding: 12px 20px 6px 45px;
		border: 0px;
		background-color: #155f9d;
		-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35);
		-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.35);
		box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.35);
	}


}






/* Tablets */
@media (min-width: 768px)
and (max-width: 1024px)
and (orientation: portrait){


	.logo {
		padding: 0px 0px 0px 0px;
		border: 0px;
	}
	
	.headerSecureTxt {
		display: none;	
	}

	.headerSecureNortonIco {
		float: right;
		padding: 0px 0px 0px 0px;
		border: 0px;
	}

	.splashArea .splashBullets {

		margin: 15px 0px 15px 0px;

	}


	.splashArea .splashBullet {
		text-align: left;
		display: inline-block;
		font-size: 26px;
		line-height: 22px;
		color: #fff;
		background-image: url('../images/splash-bullet.png');
		background-repeat: no-repeat;
		background-position: 0% 0%;
		padding-left: 34px;  /* space for the image */
		padding-top: 4px;  /* space for the image */
		padding-bottom: 4px;  /* space for the image */
		margin: 5px 10px 0px 0px;
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}


	.manBg {
		height: 100%;
		background-image: url('../images/man-bg-mob.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 358px 319px;

	}


	.splashButton {
		display: inline-block;
		text-transform: uppercase;
		text-align: center;
		font-family: 'linottesemibold';
		font-size: 28px;
		line-height: 28px;
		/*text-shadow: 0px -1px 1px rgba(0, 0, 0, 1);*/
		box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
		color: #fff;
		margin: 0px;
		border-bottom: 5px solid #be4c00;
		text-decoration: none;
		padding: 26px 20px 17px 20px;
		cursor: pointer;
		-webkit-appearance: none;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
		background-color: #ff6600;
		/*background-image: url('../images/but-bg.png');*/
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		text-decoration: none;
	}

	.butArrow {
		padding: 2px 44px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: 0px;
		display: inline;
		background-image: url('../images/but-arrow.png');
		background-position: center right;
		background-repeat: no-repeat;

	}
	
	
	
	.representativeAprArea {
		width: 100%;
		font-family: 'linottesemibold';
		font-size: 16px;
		letter-spacing: -1px;
		color: #fff;
		padding: 25px 0px 25px 0px;
		margin: 0px;
		border: 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b66a5+0,09518e+100 */
		background: #1b66a5; /* Old browsers */
		background: -moz-linear-gradient(top,  #1b66a5 0%, #09518e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #1b66a5 0%,#09518e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #1b66a5 0%,#09518e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b66a5', endColorstr='#09518e',GradientType=0 ); /* IE6-9 */	
	}
	
	
	
	
	.manBg2 {
		height: 100%;
		background-image: none;
		background-position: bottom left;
		background-repeat: no-repeat;

	}
	

	.nortonSign {
		position: absolute;
		padding: 100px 0px 0px 490px;
		margin: 0px;

	}	
	
	
	.footerLogo {
		text-align: left;
		padding: 20px 0px 20px 0px;
		margin: 0px;
		border: 0px;	
	}
	
	.footerNav {
		font-size: 13px;
		color: #fff;
		text-align: center;
		padding-bottom: 15px;
		margin: 0px 0px 26px 0px;
		border-bottom: 1px dashed #fff;

	}
	
	.footerRow {
		width: 100%;
		font-size: 13px;
		line-height: 16px;
		color: #fff;
		padding: 35px 0px 35px 0px;
		margin: 0px;
		border-top: 11px solid #2fbfde;
		background-color: #155f9d;
	}
	
	
	
	.formSectionHeader {
		display: block;
		font-size: 22px;
		color: #fff;
		margin: 0px 0px 0px 0px;
		padding: 12px 20px 6px 45px;
		border: 0px;
		background-color: #155f9d;
		-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.35);
		-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.35);
		box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.35);
	}	
	
	
	
	

}









/* Desktops and Laptops */
@media (min-width: 1224px) {


}







/* for-phone-portrait */
  @media (max-device-width: 320px)
  and (orientation: portrait) {

	.splashArea .splashBullet {
		text-align: left;
		display: inline-block;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		background-image: url('../images/splash-bullet.png');
		background-repeat: no-repeat;
		background-position: 0% 0%;
		padding-left: 34px;  /* space for the image */
		padding-top: 4px;  /* space for the image */
		padding-bottom: 4px;  /* space for the image */
		margin: 5px 10px 0px 0px;
		text-shadow: 0px 2px 0px rgba(66, 169, 225, 1);
	}


}









































































